﻿
@charset "utf-8";
html {
    background: none repeat scroll 0 0 #fff;
    color: #000;
}
html, body {
    margin: 0;
    padding: 0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
body, button, input, select, textarea {
    color: #666;
    font-family: "Microsoft YaHei",微软雅黑,STHei,华文黑体,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    text-align: inherit;
}
fieldset, img {
    border: 0 none;
}
iframe {
    display: block;
}
abbr, acronym {
    border: 0 none;
    font-variant: normal;
}
del {
    text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500;
}
ol, ul {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6, b {
    font-size: 100%;
    font-weight: 500;
}
q:before, q:after {
    content: "";
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
a {
    color: #84a3e3;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
}
a:hover {
    color: #6b95ea;
    transition: all 0.3s ease-out 0s;
}
a:hover {
    text-decoration: none;
}
ins, a {
    text-decoration: none;
}
input:required {
    border: 0 none;
    box-shadow: none;
}
input:valid {
    background-color: transparent;
    box-shadow: none;
}
input:invalid {
    background-color: transparent;
    box-shadow: none;
}
.fn-clear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.fn-clear {
}
body .fn-hide {
    display: none;
}
body .fn-show {
    display: block;
}
.fn-left, .fn-right {
    display: inline;
}
.fn-left {
    float: left;
}
.fn-right {
    float: right;
}
i {
    font-style: normal;
}
a {
}
a {
}
a:focus {
}
:focus {
    outline: 0 none;
}
.wrapper {
    min-width: 1120px;
}
.hide-row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
}
.one-row {
    white-space: nowrap;
}
.n-row {
    word-break: normal;
    word-wrap: break-word;
}
.text-decoration-line {
    text-decoration: line-through;
}
.hidden {
    overflow-y: hidden;
}
.mac-hidden {
    overflow: hidden;
}
.loader {
    background: url("../Images/Img_Loading.gif") no-repeat scroll 20px 20px #000;
    border-radius: 15px;
    height: 24px;
    left: 50%;
    opacity: 0.5;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 24px;
    z-index: 10001;
}
.btn-loading {
    background: url("../Images/Img_Loading_Blue.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.animate-loader {
    background: url("../Images/Img_Loading_Black.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 70px auto;
}
.color-blue {
    color: #6194ee;
}
.white-drop-menu {
    background: url("../Images/Img_Global_White_Bg_Defualt_Bg.jpg") repeat-x scroll 0 0 #fdfdfd;
    border-radius: 6px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.27);
    display: none;
    line-height: 30px;
    opacity: 0;
    padding: 0 5px;
    position: absolute;
    top: 3px;
    width: 145px;
    z-index: 9;
}
.white-drop-menu .menu-title {
    height: 31px;
    line-height: 31px;
    width: 134px;
}
.white-drop-menu .menu-list {
    padding: 5px 0 2px;
    width: 144px;
}
.white-drop-menu .menu-list li {
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 0 12px;
    width: 120px;
}
.white-drop-menu .menu-list li:hover {
    background: none repeat scroll 0 0 #8f9096;
    color: #fff;
}
.language-menu .menu-list li {
    padding: 0;
}
.language-menu .menu-list li a {
    display: block;
    padding: 0 12px;
}
.language-menu .menu-list li a:hover {
}
.gray-box {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #dcdcdc, 0 -1px 0 #ddd;
    margin-bottom: 50px;
    width: 100%;
}
.gray-box .title {
    background: url("../Images/Img_Step_Order_Box_Title_Bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cfcfcf;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 30px;
    position: relative;
}
.gray-box .title h2 {
    color: #626262;
    font-size: 18px;
    font-weight: 400;
}
.gray-box .title span {
    background: none repeat scroll 0 0 #a2a2a2;
    border-radius: 8px;
    float: right;
    line-height: 38px;
    margin-top: 11px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
}
.gray-box .title span a {
    color: #fff;
    display: block;
    line-height: 38px;
    padding: 0 13px;
}
.gray-box .title span.add a {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -23px -638px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: right;
    line-height: 38px;
    padding: 0 13px 0 38px;
    transition: none 0s ease 0s ;
}
.gray-box .title span.return a {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -23px -750px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: right;
    line-height: 38px;
    padding: 0 13px 0 38px;
    transition: none 0s ease 0s ;
}
.gray-box .title span a.order-payment, .gray-box .title span a.blue-r-bt {
    background: none repeat scroll 0 0 #7595e4;
    box-shadow: none;
    padding-left: 13px;
}
.gray-box .title span a.order-payment:hover, .gray-box .title span a.blue-r-bt:hover {
    background: none repeat scroll 0 0 #6591e8;
}
.gray-box .title span:hover {
    background: none repeat scroll 0 0 #7595e4;
    box-shadow: none;
    transition: all 0.3s ease 0s;
}
.gray-box .title span.chat-bt {
    -moz-user-select: none;
    background: linear-gradient(#fff, #ececec) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #dbdde2;
    border-radius: 8px;
    width: 109px;
}
.gray-box .title span.chat-bt a {
    background: url("../Images/Img_Cart_Icons.png") no-repeat scroll 2px -236px rgba(0, 0, 0, 0);
    color: #666;
    padding: 0 13px 0 38px;
}
.gray-box .title span.chat-bt:hover {
    background: linear-gradient(#f2f2f2, #e1e1e1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
}
.gray-box .title span.chat-bt:active {
    background: linear-gradient(#e5e5e5, #d4d4d4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.77) inset;
}
.gray-box .gray-box-stit {
    background: none repeat scroll 0 0 #e6e7e8;
    border-bottom: 1px solid #e1e1e1;
    color: #666;
    font-size: 14px;
    line-height: 38px;
    padding: 0 30px;
}
.gray-box .gray-bottom-bg {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #e1e1e1;
    height: 62px;
    line-height: 62px;
    padding: 0 15px 0 30px;
}
.blue-btn, .blue-normal-btn, .gray-btn, .gray-normal-btn {
    -moz-user-select: none;
    background: linear-gradient(#5598c9, #2a6da2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 9px;
    cursor: pointer;
    display: block;
    height: 48px;
    line-height: 48px;
    margin-bottom: 12px;
    padding: 1px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.498);
    width: 372px;
}
.blue-btn.disabled {
    cursor: not-allowed;
    opacity: 0.7;
}
.blue-btn.disabled a {
    cursor: not-allowed;
}
.gray-btn.disabled {
    cursor: not-allowed;
    opacity: 0.7;
}
.gray-btn.disabled a {
    cursor: not-allowed;
}
.blue-btn a, .blue-normal-btn a, .gray-btn a, .gray-normal-btn a {
    background: linear-gradient(#739fe1, #5f7ed7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 9px;
    box-shadow: 0 1px 3px #92b6ec inset, 0 0 2px #627dca inset, 0 -2px 3px #4c69b8 inset;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 43px;
    padding: 2px 0;
    text-shadow: 0 -1px 0 #4f70b3;
    transition: all 0.3s ease 0s;
    width: 372px;
}
.blue-btn a:hover, .blue-normal-btn a:hover {
    box-shadow: 0 1px 3px #83a9e1 inset, 0 0 2px #627dca inset, 0 -2px 3px #5a77c7 inset, 0 0 100px rgba(48, 77, 147, 0.4) inset;
}
.blue-btn a:active, .blue-normal-btn a:active {
    box-shadow: 0 2px 5px #3d67a5 inset, 0 0 2px #627dca inset, 0 0 100px rgba(25, 108, 232, 0.5) inset;
    transition: all 0s ease-in 0s;
}
.gray-btn a, .gray-normal-btn a {
    background: linear-gradient(#ececec, #dfdfdf) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px #fbfbfb inset, 0 5px 15px #f3f3f3 inset, 0 -2px 2px #d5d5d5 inset;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.gray-btn a:hover, .gray-normal-btn a:hover {
    box-shadow: 0 1px 1px #fbfbfb inset, 0 -2px 2px #d5d5d5 inset;
}
.gray-btn a:active, .gray-normal-btn a:active {
    box-shadow: 0 2px 5px #aeaeae inset, 0 1px 1px #fbfbfb inset, 0 -2px 2px #d5d5d5 inset;
    transition: all 0s ease-in 0s;
}
.gray-btn, .gray-normal-btn {
    background: none repeat scroll 0 0 #d0d0d0;
}
.gray-btn:active {
    background-position: -24px -442px;
}
.gold-btn {
    background: none repeat scroll 0 0 #eebc6b;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
    padding: 0 30px;
    text-align: center;
}
.gold-btn:hover {
    background: none repeat scroll 0 0 #f5c87d;
}
.gold-btn:active {
    background: none repeat scroll 0 0 #f5ce8d;
}
.gold-btn a {
    color: #fff;
}
.blue-normal-btn, .blue-normal-btn a, .gray-normal-btn, .gray-normal-btn a {
    border-radius: 9px;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    margin: 0;
    width: 115px;
}
.blue-normal-btn a, .gray-normal-btn a {
    height: 34px;
    margin: 0;
}
.gray-normal-btn.disabled {
    background: none repeat scroll 0 0 #d0d0d0;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.7;
}
.gray-normal-btn.disabled a {
    background: none repeat scroll 0 0 #d0d0d0;
    box-shadow: none;
    cursor: not-allowed;
}
.gray-normal-btn.disabled:active, .gray-normal-btn.disabled a:active {
    box-shadow: none;
}
.gray-normal-btn em {
    background: none repeat scroll 0 0 #636363;
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 400;
    margin: 0 4px;
    padding: 2px 4px;
}
.small-blue-btn {
    background: none repeat scroll 0 0 #89a8f2;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    margin: 0 10px;
    padding: 0 10px;
}
.small-blue-btn:hover {
    background: none repeat scroll 0 0 #6591e8;
    color: #fff;
}
.small-gray-btn {
    background: none repeat scroll 0 0 #b6b9bd;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 25px;
    margin: 0 10px;
    padding: 0 10px;
}
.small-gray-btn:hover {
    background: none repeat scroll 0 0 #8f939a;
    color: #fff;
}
.edit-address {
    background: none repeat scroll 0 0 #a2a2a2;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    float: right;
    height: 26px;
    position: relative;
    text-indent: -9999em;
    top: 5px;
    transition: all 0.3s ease 0s;
    width: 26px;
}
.edit-address:hover {
    background: none repeat scroll 0 0 #7595e4;
    box-shadow: none;
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.edit-address a {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -173px -646px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: right;
    height: 26px;
    width: 28px;
}
.delete-address {
    background: linear-gradient(#f97474, #e05b5b) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    cursor: pointer;
    display: block;
    float: right;
    height: 26px;
    line-height: 26px;
    min-width: 26px;
    opacity: 0.62;
    position: relative;
    right: 20px;
    z-index: 11;
}
.delete-address:hover {
    opacity: 1;
}
.delete-address b {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -257px -645px rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 23px;
}
.delete-address i {
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-style: normal;
    height: 26px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 0;
}
.delete-address-on {
    opacity: 1;
}
.custom-service-button {
    -moz-user-select: none;
    background: none repeat scroll 0 0 #727783;
    border-radius: 8px;
    height: 38px;
    line-height: 37px;
    margin-right: 12px;
    margin-top: -5px;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 113px;
}
#doyoo_panel, .custom-service-button a {
    background: url("../Images/Img_Product_Chat_Button_Icons.png") no-repeat scroll 15px 9px rgba(0, 0, 0, 0);
    color: #fff !important;
    cursor: pointer !important;
    display: block;
    font-size: 14px;
    height: 38px;
    padding-left: 40px !important;
    text-align: left;
    width: 73px;
}
.custom-service-button:hover {
    opacity: 0.8;
    transition: all 0.3s ease 0s;
}
.blue-flat-button {
    -moz-user-select: none;
    background: none repeat scroll 0 0 #7595e4;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: 12px 2px 0 0;
    padding: 0 13px;
    text-align: center;
}
.blue-flat-button a {
    color: #fff;
}
.blue-radio {
    border: 1px solid #b7b7b7;
    border-radius: 15px;
    box-shadow: 0 2px 0 rgba(255, 255, 255, 1) inset;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    position: relative;
    top: 2px;
    width: 15px;
}
.blue-radio-on a, .choose-radio-on .blue-radio a {
    background: none repeat scroll 0 0 #83a7ff;
    border-radius: 30px;
    height: 9px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 9px;
}
.blue-checkbox, .blue-checkbox-on {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -22px -102px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 15px;
    padding: 5px;
    position: relative;
    width: 13px;
}
.blue-checkbox:hover a {
    height: 6px;
    left: 4px;
    position: absolute;
    top: 16px;
    width: 6px;
}
.blue-checkbox-on a {
    background: none repeat scroll 0 0 #adcaff;
    border-radius: 1px;
    display: block;
    height: 6px;
    left: 4px;
    position: absolute;
    top: 16px;
    width: 6px;
}
.scrollbar {
    height: 503px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    top: 10px;
    width: 6px;
}
.scrollbar-block {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.27);
    border-radius: 50px;
    cursor: default;
    height: 50px;
    left: 0;
    position: relative;
    top: 0;
    width: 6px;
    z-index: 9;
}
.scrollbar-block:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
html {
    background: url("../Images/Img_Con_Bg.jpg") repeat-x scroll 0 138px #e9e9e8;
}
body {
    color: #666;
}
.layout-header {
    width: 100%;
}
.layout-header .header-top-wrapper {
    background: url("../Images/Img_Top_Black_Bg.jpg") repeat-x scroll 0 0 #080a0d;
    height: 100px;
    width: 100%;
}
.layout-header .header-top-wrapper .header-wrapper {
    background: url("../Images/Img_Top_Pumel_Bg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 100px;
    width: 100%;
}
.layout-header .header-menu-wrapper {
    background: url("../Images/Img_Global_Gray_Bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 38px;
    line-height: 38px;
    position: relative;
    width: 100%;
}
.layout-header .header-menu-wrapper .header-wrapper {
    background: url("../Images/Img_Global_GrayBG_Light.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 38px;
    width: 100%;
}
.layout-header .header-container {
    font-size: 12px;
    margin: 0 auto;
    width: 1120px;
}
.layout-header .header-shadow {
    background: url("../Images/Img_Global_Header_Shadow.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 3px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
}
.layout-header .logo {
    display: block;
    float: left;
    height: 38px;
    padding: 31px 0 0;
    width: 161px;
}
.nav-list {
    float: right;
    line-height: 25px;
    padding-top: 36px;
}
.nav-list ul li, .nav-list ul {
    float: left;
}
.nav-list a {
    border: 1px solid transparent;
    border-radius: 6px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 26px;
    opacity: 0.8;
}
.nav-list a:hover, .nav-list ul li.selected a {
    border: 1px solid #414345;
    opacity: 1;
}
.nav-list a:hover {
    border: 1px solid rgba(0, 0, 0, 0);
}
.nav-list a:active {
    opacity: 0.6;
}
.nav-list ul a {
    padding: 0 14px;
}
.nav-list .buy-col {
    background: url("../Images/Img_Buy_Col_Left_Bg.png") no-repeat scroll left 3px rgba(0, 0, 0, 0);
    float: left;
    margin-left: 14px;
    padding-left: 21px;
}
.nav-list .buy-col a {
    border: 1px solid #414345;
    float: left;
    height: 26px;
    line-height: 25px;
    opacity: 1;
    padding: 0 15px;
}
.nav-list .buy-col span {
    line-height: 25px;
}
.nav-list .buy-col a.buy-button {
    background: none repeat scroll 0 0 #6b89d5;
    border: 1px solid #6b89d5;
    height: 26px;
    line-height: 25px;
    margin-left: 20px;
    padding: 0 18px;
}
.nav-list .buy-col a:hover {
    border: 1px solid #cacfd7;
}
.nav-list .buy-col a:active {
    border: 1px solid #fff;
    color: #fff;
    opacity: 0.6;
}
.nav-list .buy-col a.buy-button:hover {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    color: #000;
}
.nav-list .buy-col a.buy-button:active {
    background: none repeat scroll 0 0 #d9d9d9;
    border: 1px solid #d9d9d9;
}
.nav-list ul li.on a {
    border: 1px solid #414345;
    opacity: 1;
}
.layout-header .header-language-wrapper {
    float: left;
    position: relative;
    width: 120px;
}
.layout-header .header-language-wrapper .animate-link {
    left: -6px;
    right: auto;
}
.layout-header .header-language-wrapper .icon-arrow {
    right: 31px;
    z-index: 10;
}
.layout-header .header-language-wrapper .language-menu {
    right: 16px;
    width: 110px;
}
.layout-header .header-language-wrapper .menu-title, .layout-header .header-language-wrapper .menu-list, .layout-header .header-language-wrapper .menu-list li {
    width: auto;
}
.layout-header .header-language-wrapper .menu-list li a {
    color: #666;
    transition: none 0s ease 0s ;
}
.layout-header .header-language-wrapper .menu-list li:hover a {
    color: #fff;
}
.layout-header .header-account-wrapper {
    float: right;
    position: relative;
}
.layout-header .normal-link, .layout-header .normal-label {
    color: #45474b;
    display: block;
    float: left;
    padding: 0 12px;
}
.layout-header .normal-link {
    cursor: pointer;
}
.layout-header .normal-link:hover {
    color: #6b95ea;
}
.layout-header .line-link, .layout-header .holder-link {
    background: url("../Images/Img_Loginpanel_Left_Line.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);
    padding: 0 6px 0 12px;
}
.layout-header .holder-link {
    height: 38px;
    padding: 0 0 0 12px;
    width: 67px;
}
.layout-header .icon-arrow {
    background: url("../Images/Img_Language_Arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 5px;
    position: absolute;
    right: 4px;
    top: 17px;
    width: 7px;
    z-index: 10;
}
.layout-header .animate-link {
    color: #45474b;
    cursor: pointer;
    padding: 0 25px 0 6px;
    position: absolute;
    right: 19px;
    top: 0;
    z-index: 10;
}
.layout-header .header-account-wrapper .animate-link {
    padding: 0;
}
.layout-header .animate-link:hover {
    color: #6b95ea;
}
.layout-header .animate-hold-link {
    cursor: default;
}
.layout-header .animate-hold-link:hover {
    color: #45474b;
}
.layout-header .account-menu {
    right: -15px;
}
.layout-container {
    background: url("../Images/Img_Con_Bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    width: 100%;
}
.layout-container-head {
    background: url("../Images/Img_Faq_Top.jpg") no-repeat scroll center center #2c2d2f;
    height: 400px;
    width: 100%;
}
.page-wrapper {
    margin: 0 auto;
    padding: 20px 0 25px;
    width: 1120px;
}
.page-title {
    height: 64px;
    padding: 16px 0 0 3px;
}
.page-title h1 {
    background: url("../Images/Img_Title_Background_Image.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 46px;
    overflow: hidden;
    text-indent: -9999em;
    width: 188px;
}
.page-title h1.accessories {
    background: url("../Images/Img_Title_Background_Image_Case.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.page-title h1.order {
    background: url("../Images/Img_Title_Background_Image_Order.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.page-title h1.order-help {
    background: url("../Images/Img_Title_Background_Image_Order_Help.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.footer-absolute-bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}
.footer {
    background: none repeat scroll 0 0 #fbfbfb;
    clear: both;
    height: 224px;
}
.footer .inner {
    margin: 0 auto;
    position: relative;
    width: 1120px;
}
.footer .info ul {
    float: left;
    padding-top: 15px;
    width: 288px;
}
.footer .info ul li {
    color: #ccc;
    font-size: 12px;
    line-height: 12px;
    padding: 6px 0;
}
.footer .service {
    height: 162px;
}
.footer .service h3 {
    color: #434d55;
    font-family: 华文黑体,"Microsoft YaHei",微软雅黑,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 18px;
    padding: 9px 0 13px;
}
.footer .service a {
    color: #434d55;
    font-family: 华文黑体,"Microsoft YaHei",微软雅黑,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.footer .service a:hover {
    color: #84a3e3;
}
.footer .online {
    line-height: 34px;
    overflow: hidden;
    padding: 32px 0 0;
    position: absolute;
    right: 0;
}
.footer .online p {
    clear: both;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    width: 230px;
}
.footer .online p a.online-services {
    background: url("../Images/Img_Need_Help_Button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 26px;
    text-align: left;
    text-indent: 15px;
    width: 91px;
}
.footer .online p a.online-services:hover {
    color: #fff;
}
.footer .online .tel {
    color: #666;
    font-size: 28px;
    line-height: 51px;
}
.footer .online .tel a {
    cursor: default;
}
.footer .online .tel a:hover {
    color: #666;
}
.footer .sns {
    bottom: 25px;
    position: absolute;
    right: 0;
    width: 210px;
}
.footer .sns li a {
    background: url("../Images/Img_Sns_Icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 16px;
    text-indent: -9999em;
    width: 17px;
}
.footer .sns li {
    float: right;
    opacity: 0.4;
    padding: 0 5px;
}
.footer .sns li a.twitter {
    background-position: -26px 0;
}
.footer .sns li a.facebook {
    background-position: -48px 0;
}
.footer .sns li a.weixin {
    background-position: -74px 0;
    width: 20px;
}
.footer .sns li.hold, .footer .sns li:hover {
    opacity: 1;
}
.footer .sns li.weixin {
    position: relative;
}
.footer .sns li.weixin .dimensional-code {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    bottom: 30px;
    box-shadow: 2px 2px 12px #ddd;
    display: none;
    height: 155px;
    position: absolute;
    right: -10px;
    width: 155px;
}
.footer .sns li.weixin .dimensional-code:after {
    background: url("../Images/Img_Dimensional_Code_Arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -6px;
    content: " ";
    display: block;
    height: 6px;
    position: absolute;
    right: 20px;
    width: 12px;
}
.footer .sns li.weixin .dimensional-code img {
    height: 121px;
    margin: 17px;
    width: 121px;
}
.footer .copyright {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #434d55;
    font-size: 12px;
    height: 62px;
}
.footer .copyright .inner {
    height: 62px;
    position: relative;
}
.footer .copyright .copy-label {
    float: left;
    height: 44px;
    padding-top: 18px;
    width: 605px;
}
.footer .copyright .copy-text {
    color: #666;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
}
.footer .copyright .icp-text {
    background: url("../Images/Img_Icp.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 12px;
    margin-top: 6px;
    overflow: hidden;
    text-indent: -9999em;
}
.footer .copyright .footer-clause {
    float: left;
    font-size: 13px;
    padding-top: 18px;
}
.footer .copyright .footer-clause li {
    float: left;
    font-weight: 300;
    line-height: 12px;
    padding: 0 8px;
}
.footer .copyright .footer-clause li.line {
    background: url("../Images/Img_Footer_Line.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    float: left;
    height: 14px;
    padding: 0;
    width: 2px;
}
.footer .copyright p {
    color: #6c7478;
    float: left;
    line-height: 18px;
    padding-top: 20px;
}
.footer .copyright p a {
    color: #434d55;
    padding: 0 5px;
}
.footer .language {
    background: url("../Images/Img_Global_White_Bg_Defualt_Bg_Footer.jpg") repeat-x scroll left bottom #fff;
    border-radius: 6px;
    bottom: 20px;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    width: 145px;
    z-index: 3;
}
.footer .language ul {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px 8px 0 0;
    display: none;
    overflow: hidden;
    padding: 0 5px;
    width: 145px;
}
.footer .language h3 {
    color: #45474b;
    cursor: pointer;
    padding: 0 0 0 20px;
}
.footer .language h3 span {
    background: url("../Images/Img_Llanguage_Arrow_Footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 11px;
    height: 7px;
    position: absolute;
    right: 14px;
    width: 7px;
}
.footer .language ul li {
    border-radius: 3px;
    cursor: pointer;
    margin: 0 0 3px;
    padding: 0 12px;
    width: 120px;
}
.footer .language ul li:hover {
    background: none repeat scroll 0 0 #8f9096;
    color: #fff;
}
.return-top {
    background: url("../Images/Img_To_Top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -40px;
    cursor: pointer;
    height: 30px;
    opacity: 0.62;
    position: fixed;
    right: 10px;
    width: 30px;
}
.return-top:hover {
    opacity: 1;
}
.page-home {
    background: url("../Images/Img_Index_Background.png") repeat-x scroll 0 0 #f1f1f0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.page-loading {
    height: 66px;
    padding: 167px 0;
    width: 100%;
}
.page-loading .loading-bar {
    background: url("../Images/Img_Paga_Loading.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999;
    display: none;
    font-size: 14px;
    height: 66px;
    line-height: 66px;
    margin: 0 auto;
    position: relative;
    text-indent: 95px;
    width: 242px;
}
.page-loading .loading-icon {
    background: url("../Images/Img_Loading_Grey.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    left: 65px;
    position: absolute;
    top: 25px;
    width: 18px;
}
.page-service-status {
    padding-top: 30px;
}
.page-service-status p {
    color: #999;
    font-size: 14px;
}
.page-error-500 {
    background: url("../Images/Img_Status_Error.png") no-repeat scroll center 110px rgba(0, 0, 0, 0);
    color: #666;
    font-size: 18px;
    line-height: 36px;
    padding: 490px 0 50px;
    text-align: center;
}
.page-error-404 {
    background: url("../Images/Img_Status_Error.png") no-repeat scroll center 110px rgba(0, 0, 0, 0);
    color: #666;
    font-size: 18px;
    line-height: 36px;
    padding: 490px 0 50px;
    text-align: center;
}
.page-payment-success {
    background: url("../Images/Img_Payment_Success.png") no-repeat scroll center 150px rgba(0, 0, 0, 0);
    color: #666;
    font-size: 18px;
    line-height: 36px;
    padding: 490px 0 50px;
    text-align: center;
}
.page-payment-fail {
    background: url("../Images/Img_Payment_Error.png") no-repeat scroll center 150px rgba(0, 0, 0, 0);
    color: #666;
    font-size: 18px;
    line-height: 36px;
    padding: 490px 0 50px;
    text-align: center;
}
.backTop {
    background: url("../Images/Img_To_Top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 10px;
    cursor: pointer;
    display: none;
    height: 30px;
    opacity: 0.62;
    position: fixed;
    right: 10px;
    width: 30px;
    z-index: 999;
}
.backTop:hover {
    opacity: 1;
}
.layout-index {
    background: url("../Images/Img_Index_Background_Image_Repeat.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 1000px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.index-lighter {
    background: url("../Images/Img_Index_Background_Image.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 1000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.full {
    display: block;
    height: 1000px;
    left: 50%;
    margin-left: -560px;
    position: absolute;
    top: 0;
    width: 1120px;
    z-index: 3;
}
.index-intro {
    background: url("../Images/Img_Index_Intro_Image.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 115px;
    left: 0;
    position: absolute;
    top: 125px;
    width: 100%;
    z-index: 2;
}
.index-product-image {
    background: url("../Images/Img_Index_Product_Image.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 714px;
    left: 50%;
    margin-left: -381px;
    position: absolute;
    width: 762px;
    z-index: 3;
}
.layout-watch {
    background: none repeat scroll 0 0 #fdfdfd;
    border-bottom: 1px solid #f1f1f0;
    height: 270px;
    width: 100%;
}
.layout-watch ul {
    margin: 0 auto;
    padding-top: 36px;
    text-align: center;
    width: 1120px;
}
.layout-watch ul li {
    display: inline-block;
    height: 187px;
    text-align: center;
    width: 353px;
}
.layout-watch ul li a {
    cursor: inherit;
}
.layout-watch .liveshow li a {
    cursor: pointer;
}
.layout-watch ul li a.video-link {
    cursor: pointer;
}
.video-inner {
    margin: 0 auto 50px;
    vertical-align: middle;
    width: 852px;
}
.video-title {
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 20px;
}
.video-box {
    height: 480px;
}
.page-product {
    overflow: hidden;
    width: 100%;
}
.product-pumel {
    background: url("../Images/Img_01_Background_Repeat.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 1000px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.product-pumel-image {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.product-layout-light {
    background: url("../Images/Img_01_Background_Halo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 903px;
    left: 50%;
    margin-left: -800px;
    position: absolute;
    top: 0;
    width: 1600px;
    z-index: 0;
}
.product-layout-top {
    background: url("../Images/Img_Black_Cover_Top.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.product-layout-bottom {
    background: url("../Images/Img_Black_Cover_Bottom.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 0;
    height: 700px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.product-intro {
    font-family: '方正兰亭超细黑简体',STHeiti,Microsoft-Yahei,'宋体';
    font-size: 18px;
    left: 0;
    line-height: 29px;
    position: absolute;
    text-align: center;
    top: 140px;
    width: 100%;
    z-index: 3;
}
.product-middle {
    left: 50%;
    margin-left: -560px;
    position: absolute;
    top: 0;
    width: 1120px;
}
.wrapper-transition {
    min-width: 1120px;
    transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
.product-pumel-image {
    transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.artisan {
    background: url("../Images/Img_01_Background_Repeat.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 1000px;
    position: relative;
    width: 100%;
}
.artisan .product-pumel-image {
    bottom: auto;
    left: 0;
    top: 265px;
}
.artisan .text {
    display: block;
    height: 180px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
}
.artisan h2 {
    height: 90px;
}
.artisan .decri {
    height: 90px;
}
.new {
    background: url("../Images/Img_02_Background_Top.png") repeat-x scroll 0 0 #000;
}
.new .product-pumel-image {
    bottom: auto;
    left: 0;
    opacity: 0;
    top: 30px;
}
.new .text {
    display: block;
    height: 250px;
    left: 0;
    margin-top: -125px;
    position: absolute;
    top: 47%;
    width: 100%;
    z-index: 3;
}
.new h2 {
    height: 70px;
    left: 50%;
    margin-left: 30px;
    position: absolute;
    top: 15px;
}
.new .decri {
    height: 127px;
    left: 50%;
    margin-left: 30px;
    position: absolute;
    top: 100px;
}
.new .link {
    height: 47px;
    left: 50%;
    margin-left: 30px;
    position: absolute;
    top: 237px;
    width: 350px;
}
.new .link a {
    display: block;
    float: right;
    height: 47px;
    width: 350px;
}
.new .product-pumel-image img {
    margin-right: 600px;
}
.new .product-intro {
    height: 280px;
    top: 50%;
}
.hero {
    background: url("../Images/Img_03_Background_Repeat.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.hero .text {
    bottom: 30px;
    height: 300px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.hero h2 {
    height: 107px;
}
.hero .decri {
    height: 102px;
}
.hero .link {
    height: 77px;
}
.hero .link a {
    display: block;
    height: 77px;
    margin: 0 auto;
    position: relative;
    width: 390px;
}
.hero .link a img {
    left: 50%;
    margin-left: -325px;
    position: absolute;
}
.hero .product-pumel-image {
    left: 50%;
    margin-left: -1000px;
    top: 0;
    width: 2000px;
    z-index: 1;
}
.hero .product-layout-fullbackground {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.humane .product-pumel-image {
    bottom: auto;
    left: auto;
    opacity: 0;
    right: 280px;
    top: -150%;
}
.humane .product-pumel-image img {
    margin-right: 251px;
    margin-top: 80px;
}
.humane .text {
    display: block;
    height: 300px;
    left: 0;
    margin: -150px auto 0;
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: 3;
}
.humane h2 {
    height: 105px;
    left: 50%;
    margin-left: 40px;
    position: absolute;
}
.humane .decri {
    height: 200px;
    left: 50%;
    margin-left: 40px;
    position: absolute;
    top: 120px;
}
.humane .link {
    height: 50px;
    left: 50%;
    margin-left: 40px;
    position: absolute;
    top: 325px;
    z-index: 3;
}
.humane .link a {
    display: block;
    height: 50px;
    width: 337px;
}
.progress-nav {
    margin-top: -40px;
    position: fixed;
    right: 40px;
    top: 50%;
    z-index: 5;
}
.progress-nav ul li a span.dot, .dot-stroke {
    background: none repeat scroll 0 0 #6c6c6c;
    border: 0 solid #6c6c6c;
    border-radius: 50%;
    font-size: 13px;
    height: 6px;
    opacity: 0.6;
    position: absolute;
    right: 1px;
    top: 9px;
    width: 6px;
}
.progress-nav ul li {
    cursor: pointer;
    height: 10px;
    padding: 7px 0;
    position: relative;
    width: 10px;
}
.progress-nav ul li a span.progress-nav-text {
    color: #6c6c6c;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 3px;
    width: 60px;
}
.progress-nav ul li:hover a span.progress-nav-text {
    opacity: 1;
}
.progress-nav ul li:hover span.dot {
    border: 0 solid #6c6c6c;
    opacity: 1;
}
.progress-nav ul li:active span.dot, .progress-nav ul li.active span.dot {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.progress-nav ul li .dot-stroke {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #6c6c6c;
    border-radius: 50%;
    height: 8px;
    right: -1px;
    top: 7px;
    width: 8px;
}
.progress-nav ul li:active span.dot-stroke, .progress-nav ul li.active span.dot-stroke {
    display: block;
    transition: all 0.3s ease-out 0s;
}
.progress-nav ul li .dot-stroke, .progress-nav ul li:hover span.dot, .progress-nav ul li a span.dot, .dot-stroke {
    transition: all 0.3s ease-out 0s;
}
.progress-nav ul li, .progress-nav ul li a span.progress-nav-text {
    transition: all 0.1s ease-out 0s;
}
.product-nav-slide {
    background: none repeat scroll 0 0 rgba(247, 247, 249, 0.8);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    height: 50px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: -50px;
    width: 100%;
    z-index: 5;
}
.product-nav-slide.transition {
    transition: all 0.5s ease-out 0s;
}
.product-header-content {
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 1120px;
    z-index: 2;
}
.slide-logo, .slide-logo-white {
    background: url("../Images/Img_Product_Ritle_Bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 17px;
    left: 0;
    margin-top: 16px;
    position: absolute;
    width: 124px;
}
.slide-logo-white {
    background: url("../Images/Img_Product_Title_Bg_White.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    opacity: 0;
}
.product-nav-slide .buy-col {
    background: url("../Images/Img_Buy_Col_Left_Bg.png") no-repeat scroll left 12px rgba(0, 0, 0, 0);
    float: right;
    line-height: 28px;
    margin-left: 0;
    margin-top: 9px;
    padding-left: 10px;
}
.product-nav-slide .buy-col a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    color: #333;
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    padding: 0 13px 0 17px;
}
.product-nav-slide .buy-col a:hover {
    color: #6b95ea;
}
.product-nav-slide .buy-col a.buy-button {
    background: url("../Images/Img_Buy_Button.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    margin-left: 6px;
    padding: 0 19px;
}
.product-nav-slide .buy-col a.buy-button:hover {
    opacity: 0.9;
}
.product-header-content ul {
    float: right;
    padding: 11px 9px;
}
.product-header-content ul li {
    float: left;
}
.product-header-content ul li a {
    color: #333;
    font-size: 12px;
    line-height: 27px;
    padding: 4px 17px;
}
.product-header-content ul li a:hover {
    color: #6b95ea;
}
.product-header-content ul li a.active {
    color: gray;
}
.header-dark {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.05);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.02);
}
.header-dark ul li a, .header-dark .buy-col a {
    color: #666;
}
.header-dark ul li a.active {
    color: #999;
}
.header-dark .buy-col {
    background: url("../Images/Img_Buy_Col_Left_Dark_Bg.png") no-repeat scroll left 12px rgba(0, 0, 0, 0);
}
.humane.humane-animate .product-pumel-image {
}
.humane.humane-animate h2 {
}
.humane.humane-leave h2 {
}
.humane.humane-leave .product-pumel-image {
}
.new-animate .product-pumel-image {
    top: 0;
}
.errorPage {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #dcdcdc, 0 -1px 0 #ddd;
    height: 650px;
    margin: 0 auto 50px;
    text-align: center;
}
.errorPage h2, .errorPage .status {
    color: #75757d;
    height: 60px;
    line-height: 60px;
}
.errorPage h2 {
    border-bottom: 1px solid #cecece;
    color: #626262;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 0 40px;
    text-align: left;
}
.errorPage img {
    margin: 140px 0 0;
}
.errorPage .status {
    font-size: 18px;
    font-weight: 500;
}
.errorPage .countdown {
    color: #999;
    font-size: 14px;
    padding: 0 0 80px;
}
.inner {
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 1120px;
}
.faq-inner {
    padding-bottom: 50px;
    padding-top: 50px;
}
.main .inner .side-bar {
    border-radius: 8px;
    float: left;
    padding: 50px 0;
    width: 212px;
}
.main-content {
    float: right;
    padding: 50px 0;
    width: 890px;
}
.faq-top {
    clear: both;
    display: none;
    margin: 0 0 -4px;
    min-width: 1120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.main .faq-content {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #dcdcdc, 0 -1px 0 #ddd;
}
.main-content .faq-content {
    margin-top: 0;
}
.faq-nav {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27);
}
.faq-nav a {
    color: #000;
    font-size: 16px;
}
.faq-content a {
    color: #6b95ea;
}
.faq-nav li {
    border-bottom: 1px solid #cfcfcf;
    height: 50px;
    line-height: 50px;
    list-style: none outside none;
    overflow: hidden;
    text-align: left;
    width: 212px;
}
.faq-nav li.last {
    border-bottom: 0 none;
    border-radius: 0 0 8px 8px;
}
.faq-nav li.last a:hover {
    border-radius: 0 0 8px 8px;
}
.faq-nav li a:hover {
    background: none repeat scroll 0 0 #6785d9;
    color: #fff;
}
.faq-nav li a.on {
    background: none repeat scroll 0 0 #6785d9;
    color: #fff;
}
.faq-nav a {
    display: block;
    height: 50px;
    padding-left: 30px;
}
.faq-nav a.on {
    background: none repeat scroll 0 0 #6785d9;
    color: #fff;
}
.list-format {
    margin: 0 0 15px;
}
.list-format li {
    overflow: hidden;
}
.list-format li span {
    display: block;
    float: left;
    height: 50px;
    width: 15px;
}
.list-format li p {
    float: left;
    padding: 0;
    width: 815px;
}
.faq-content {
    background: none repeat scroll 0 0 #fff;
    border-radius: 8px;
    clear: both;
    text-align: left;
}
.faq-nav .title, .faq-content .title {
    background: url("../Images/Img_Step_Order_Box_Title_Bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #cfcfcf;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
    height: 60px;
    line-height: 60px;
    position: relative;
}
.faq-content h1, .faq-content h2, .faq-content h3, .faq-content h4, .faq-content h5, .faq-content h6 {
    padding: 0 30px;
}
.faq-content h3.line {
    margin-top: 7px;
}
.faq-nav h1 {
    padding-left: 30px;
}
.faq-nav h1, .faq-content h1 {
    clear: both;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}
.faq-content h2 {
    background: none repeat scroll 0 0 #e6e7e8;
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
}
.faq-content h3 {
    font-size: 14px;
    font-weight: bolder;
    padding: 10px 30px;
}
.faq-content p, .faq-content dt, .faq-content dd, .faq-content li {
    line-height: 26px;
    padding: 0 30px;
}
.faq-content .line dd {
    margin-bottom: 7px;
}
.faq-content .faq-line dd {
    margin-bottom: 15px;
}
.faq-content .line p {
    margin-bottom: 5px;
}
.faq-content .inner {
    padding: 20px 0;
    width: 100%;
}
.faq-content .inner-last {
    padding: 20px 0 30px;
    width: 100%;
}
.faq-content dt {
    clear: both;
    display: block;
    font-size: 14px;
}
.faq-content dd li {
    padding: 0;
}
.faq-content .faq-box {
    clear: both;
    line-height: 20px;
    padding: 30px 0 50px 25px;
}
.faq-content .faq-box-inner {
    padding: 30px 0 30px 25px;
}
.faq-content .faq-box p {
    padding-left: 0;
}
.faq-content .faq-box h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.faq-content table {
    margin: 0 0 0 30px;
}
.faq-top img {
    width: 100%;
    z-index: 2;
}
.faq-content h2.payonline {
    margin-top: -10px;
}
.faq-content .payonline dt {
    margin-top: 5px;
}
.faq-content .payonline dd {
    margin-bottom: 38px;
    padding-top: 14px;
}
.faq-content .payonline {
    padding-bottom: 4px;
}
.globalmenu ul li a.on {
    border: 1px solid #414345;
    opacity: 1;
}
.main.jobs {
    padding-top: 0;
}
.jobs .inner {
    clear: both;
}
.jobs-h2 {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    padding: 50px 0 10px;
    text-align: center;
}
.jobs-descri {
    color: #7b7b7b;
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.jobs-top {
    height: 62px;
    line-height: 62px;
    width: 1120px;
}
.jobs-top.gray-box {
    overflow: hidden;
}
.position {
    color: #404040;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 128px;
}
.position.selected {
    background: none repeat scroll 0 0 #6b89d5;
    color: #fff;
}
.position-title {
    float: left;
    font-size: 16px;
    padding-left: 26px;
    padding-right: 16px;
}
.position-item-box {
    float: left;
    margin-top: 12px;
    position: relative;
}
.position-item-box .add-text-select {
    float: left;
    margin-right: 12px;
    width: 130px;
}
.position-item-box .add-text-select select {
    vertical-align: top;
}
.position-item-box .add-text-select:after {
    line-height: 38px;
    top: 0;
}
.position-search {
    float: right;
}
.position-search .small-text {
    margin-right: 10px;
    margin-top: 12px;
    vertical-align: top;
    width: 150px;
}
.position-search .small-text input {
    width: 120px;
}
.position-search .blue-bt {
    height: 36px;
    line-height: 36px;
    margin: 12px 13px 12px 0;
    text-align: center;
    vertical-align: top;
    width: 70px;
}
.position-search .blue-bt a {
    color: #fff;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    width: 70px;
}
.gray-box .title span.blue-bt {
    background: linear-gradient(#5598c9, #2a6da2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 9px;
    height: 38px;
    line-height: 38px;
    margin-bottom: 12px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.498);
    width: 112px;
}
.gray-box .title span.blue-bt a {
    background: linear-gradient(#739fe1, #5f7ed7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 34px;
    line-height: 30px;
    padding: 2px 0;
    width: 112px;
}
.position-list-head {
    background: none repeat scroll 0 0 #e6e7e8;
    border-bottom: 1px solid #e1e1e1;
    height: 38px;
}
.position-list-head span {
    float: left;
    line-height: 38px;
}
.position-list {
    background: url("../Images/Img_Position_List_Bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}
.position-list li {
    color: #000;
    height: 62px;
    vertical-align: top;
}
.position-list li a {
    color: #000;
}
.position-list li a:hover {
    color: #6b95ea;
}
.position-list li span {
    float: left;
    line-height: 62px;
}
.position-name {
    padding-left: 32px;
    width: 427px;
}
.position-type {
    padding-left: 40px;
    width: 240px;
}
.position-place {
    width: 240px;
}
.jobs .page-view {
    margin: 30px 0 48px;
}
#simplemodal-overlay {
    background-color: #000;
}
.simplemodal-container {
    background-color: #fff;
    border: 1px solid #444;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 5px 5px rgba(0, 0, 0, 0.08), 0 7px 10px rgba(0, 0, 0, 0.09), 0 22px 22px rgba(0, 0, 0, 0.05);
    color: #bbb;
    height: 640px;
    overflow: hidden;
    padding: 0;
    width: 700px;
}
.simplemodal-wrap {
    overflow: hidden;
}
.diag {
    background: url("../Images/Img_Dialog_Gray_Bg.png") repeat-x scroll center bottom #fff;
    border-radius: 12px 12px 0 0;
    color: #656565;
    display: none;
    height: 645px;
    position: relative;
    text-align: left;
    width: 704px;
}
.diag .diag-title {
    background: url("../Images/Img_Dialog_Radius_Top_Bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #d1d1d1;
    box-shadow: 0 2px 6px #d1d1d1;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}
.diag .diag-content {
    height: 520px;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
}
.diag .diag-box {
    padding-top: 25px;
    position: relative;
    top: 0;
    width: 640px;
}
.diag h4 {
    color: #666;
    font-size: 20px;
    font-weight: 400;
}
.diag h5 {
    border-bottom: 0 none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 38px;
    text-align: left;
}
.diag h6 {
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 0;
    padding-bottom: 10px;
}
.diag ul li {
    line-height: 26px;
}
.diag .positon-requirements ul li {
    background: url("../Images/Img_Jobs_Icon_Gray_Ie6.png") no-repeat scroll -8px -266px rgba(0, 0, 0, 0);
    padding-left: 8px;
}
.diag .scroll-bar {
    height: 503px;
    position: absolute;
    right: 6px;
    top: 10px;
    width: 6px;
    z-index: 8;
}
.diag .scroll-inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.27);
    border-radius: 50px;
    cursor: default;
    display: none;
    height: 180px;
    left: 0;
    position: relative;
    top: 0;
    width: 6px;
    z-index: 9;
}
.icon-close {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll 1px 2px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    height: 17px;
    opacity: 0.7;
    padding: 22px;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    top: 0;
    width: 16px;
    z-index: 3;
}
.diag .positon-decri-item {
    color: #333;
    margin-top: 3px;
    overflow: hidden;
}
.diag .positon-decri-item li {
    float: left;
    height: 30px;
    line-height: 28px;
    vertical-align: top;
    width: 50%;
}
.diag .positon-requirements {
    background: none repeat scroll 0 0 #f8f8f8;
    border-radius: 8px;
    color: #656565;
    line-height: 26px;
    margin-top: 26px;
    padding: 14px 30px 30px;
    width: 583px;
}
.diag .save-bar {
    background: url("../Images/Img_Account_Bottom_Bar_Bg.png") repeat-x scroll 0 0 transparent;
    border-radius: 0 0 13px 13px;
    bottom: 1px;
    clear: both;
    height: 69px;
    line-height: 61px;
    padding: 0 10px;
    position: absolute;
    width: 684px;
}
.diag .blue-bt {
    background: none repeat scroll 0 0 #577bc7;
    border-radius: 9px;
    float: right;
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    overflow: hidden;
    position: relative;
    width: 132px;
}
.diag .blue-bt a {
    background: linear-gradient(#739fe1, #5f7ed7) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 9px;
    box-shadow: 0 1px 3px #92b6ec inset, 0 0 2px #627dca inset, 0 -2px 3px #4c69b8 inset;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    text-align: left;
    width: 82px;
    z-index: 2;
}
.diag .blue-bt a:hover {
    box-shadow: 0 1px 3px #83a9e1 inset, 0 0 2px #627dca inset, 0 -2px 3px #5a77c7 inset, 0 0 100px rgba(48, 77, 147, 0.4) inset;
}
.diag .blue-bt a:active {
    box-shadow: 0 2px 5px #3d67a5 inset, 0 0 2px #627dca inset, 0 0 100px rgba(25, 108, 232, 0.5) inset;
    transition: all 0s ease-in 0s;
}
.diag .blue-bt {
    float: right;
    margin-top: 20px;
    position: relative;
    width: 132px;
}
.diag .blue-bt span {
    background: url("../Images/Img_Jobs_Icon.png") no-repeat scroll left -114px rgba(0, 0, 0, 0);
    height: 38px;
    left: 23px;
    position: absolute;
    top: 2px;
    width: 18px;
}
.tb-fault-title {
    margin: 10px 0;
}
.tb-fault {
    border: 1px solid #ccc;
}
.tb-fault tr {
    border-bottom: 1px solid #ccc;
}
.tb-fault td {
    padding: 0 25px;
}
.tb-fault td.spacing {
    border-left: 1px solid #ccc;
}
.tb-fault .spacing p {
    padding: 0;
}
#faq-top-title {
    cursor: auto;
    display: block;
    font-family: 兰亭细黑;
    font-size: 32px;
    font-weight: 400;
    height: 50px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 360px;
}
.sprite-about, .sprite-agreement, .sprite-center, .sprite-contact, .sprite-delivery, .sprite-faq, .sprite-instruction, .sprite-insurance, .sprite-join, .sprite-payment, .sprite-privacy, .sprite-promocode, .sprite-repair, .sprite-service {
    background: url("../Images/Img_Faq_Top_Title.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.sprite-about {
    background-position: 0 0;
    height: 34px;
    width: 142px;
}
.sprite-agreement {
    background-position: 0 -84px;
    height: 34px;
    width: 212px;
}
.sprite-center {
    background-position: 0 -168px;
    height: 34px;
    width: 142px;
}
.sprite-contact {
    background-position: 0 -252px;
    height: 34px;
    width: 140px;
}
.sprite-delivery {
    background-position: 0 -336px;
    height: 34px;
    width: 142px;
}
.sprite-faq {
    background-position: 0 -420px;
    height: 34px;
    width: 141px;
}
.sprite-instruction {
    background-position: 0 -504px;
    height: 34px;
    width: 142px;
}
.sprite-insurance {
    background-position: 0 -588px;
    height: 34px;
    width: 142px;
}
.sprite-join {
    background-position: 0 -672px;
    height: 34px;
    width: 140px;
}
.sprite-payment {
    background-position: 0 -756px;
    height: 34px;
    width: 142px;
}
.sprite-privacy {
    background-position: 0 -840px;
    height: 34px;
    width: 140px;
}
.sprite-promocode {
    background-position: 0 -924px;
    height: 34px;
    width: 142px;
}
.sprite-repair {
    background-position: 0 -1008px;
    height: 34px;
    width: 358px;
}
.sprite-service {
    background-position: 0 -1092px;
    height: 34px;
    width: 142px;
}
.sprite-none {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.flush-row {
    background: none repeat scroll 0 0 #fff;
    position: relative;
    width: 100%;
}
.flush-intro {
    text-align: center;
}
.flush-intro h1 {
    display: inline-block;
}
.flush-intro p {
    font-size: 16px;
    line-height: 32px;
}
.flush-line {
    background: none repeat scroll 0 0 #f0f0f0;
    height: 1px;
    overflow: hidden;
    width: 100%;
}
.flush-gallery {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.phone-gallery {
    background: url("../Images/Img_Phone_Frame_White.png") no-repeat scroll center 130px rgba(0, 0, 0, 0);
    height: 595px;
    margin: 0 auto;
    padding-top: 31px;
    position: relative;
    width: 1120px;
}
.phone-gallery p {
    font-size: 18px;
    line-height: 120px;
}
.gallery-collection {
    height: 397px;
    left: 205px;
    overflow: hidden;
    position: relative;
    top: -1px;
    width: 709px;
}
.gallery-collection li {
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 1s ease 0s;
}
.gallery-collection li.show {
    opacity: 1;
}
.photo-detail {
    bottom: -53px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.photo-detail a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cdcdcd;
    border-radius: 7px;
    color: #999;
    display: inline-block;
    width: 163px;
}
.photo-detail a:hover {
    border: 1px solid #999;
    color: #666;
}
.gallery-prev, .gallery-next {
    background: url("../Images/Img_Switch_Button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 38px;
    left: 0;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 38px;
}
.gallery-next {
    background-position: 0 -38px;
    left: auto;
    right: 0;
}
.gallery-prev:hover, .gallery-next:hover {
    opacity: 1;
}
.photo-example .gallery-prev, .photo-example .gallery-next {
    top: 329px;
}
.toggle-nav {
    bottom: 124px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.toggle-nav li {
    line-height: 38px;
    text-align: center;
    width: 164px;
}
.toggle-nav li, .toggle-nav li a {
    display: inline-block;
}
.toggle-nav li a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cdcdcd;
    color: #606060;
    width: 163px;
}
.toggle-nav li a.active {
    background: linear-gradient(#edeef1, #e5e6eb) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.toggle-nav li:first-child a {
    border-radius: 7px 0 0 7px;
}
.toggle-nav li:last-child a {
    border-radius: 0 7px 7px 0;
}
.core {
    height: 1080px;
    overflow: hidden;
}
.core .flush-intro h1 {
    height: 156px;
    padding-top: 68px;
}
.core .flush-image {
    bottom: -65px;
    height: 910px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.cpu {
    padding-top: 100px;
}
.cpu, .cpu-slide, .slide-view, .slide-view-item {
    height: 1350px;
    width: 100%;
}
.features-slide {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.cpu .features-slide {
    height: 1370px;
}
.camera .features-slide, .camera .slide-view, .camera .slide-view-item {
    height: 930px;
}
.slide-view, .slide-view-item {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.snapdragon {
    background: url("../Images/Img_Background_Image.jpg") no-repeat scroll center top #fff;
}
.cpu .slide-view .flush-intro {
    margin-top: 910px;
}
.snapdragon .flush-intro h1 {
    height: 105px;
    margin-bottom: 40px;
}
.cpu-comparison {
    background: url("../Images/Img_Background_Image_2.jpg") no-repeat scroll center top #fff;
}
.cpu-comparison-chart {
    background: url("../Images/product_image/webkit/features/cpu/cpu-comparison.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 272px;
    margin-top: 860px;
}
.camera {
    height: 2945px;
    overflow: hidden;
}
.camera .flush-image {
    background: url("../Images/Img_Image_Repeat.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 618px;
    text-align: center;
}
.flush-image-camera {
    background: url("../Images/Img_Background_Image.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 618px;
    width: 100%;
}
.camera-intro h1 {
    height: 104px;
    margin: 117px 0 45px;
}
.camera-intro {
    padding-bottom: 142px;
}
.flush-intro-line {
    background: none repeat scroll 0 0 #f0f0f0;
    height: 1px;
    margin: 0 auto;
    overflow: hidden;
    width: 1120px;
}
.camera .features-slide {
    height: 930px;
}
.camera .slide-view .flush-intro {
    margin-top: 502px;
}
.reduction {
    background: url("../Images/Img_Background_Image_01.png") no-repeat scroll center 190px rgba(0, 0, 0, 0);
}
.reduction h1 {
    background: url("../Images/Img_Reduction_Title.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 45px;
    margin: 0 auto 40px;
    width: 497px;
}
.camera .flush-gallery {
    padding-top: 100px;
}
.panorama {
    background: url("../Images/Img_Panorama.jpg") no-repeat scroll center 113px rgba(0, 0, 0, 0);
}
.camera .panorama .flush-intro {
    margin-top: 650px;
}
.quick-shoot {
    background: url("../Images/Img_Quick_Shoot_Bg.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.camera .quick-shoot .flush-intro {
    margin-top: 313px;
}
.quick-shoot-text {
    position: relative;
    width: 100%;
}
.quick-shoot-text h1 {
    height: 40px;
    left: 50%;
    margin-left: 68px;
    position: absolute;
    text-align: left;
    width: 462px;
}
.quick-shoot-text p {
    left: 50%;
    margin-left: 68px;
    position: absolute;
    text-align: left;
    top: 90px;
    width: 462px;
}
.screen {
    height: 1945px;
}
.screen .flush-image {
    background: url("../Images/Img_Screen_Background_Repeat.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 1040px;
}
.screen .flush-image-screen {
    height: 1040px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1120px;
}
.screen .screen-image {
    background: url("../Images/Img_Screen_Shadow.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 1040px;
}
.scree-layout-phone {
    bottom: -20px;
    height: 1037px;
    left: 200px;
    position: absolute;
    width: 285px;
}
.screen-image .flush-intro {
    left: 620px;
    position: absolute;
    text-align: left;
    top: 45%;
}
.screen-image .flush-intro h1 {
    height: 102px;
    margin-bottom: 40px;
    width: 498px;
}
.screen-flush-intro h1 {
    height: 40px;
    margin: 142px 0 38px;
}
.screen-show {
    background: url("../Images/Img_Screen_Disassemble.jpg") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    height: 393px;
    width: 100%;
}
.audio {
    height: 1650px;
    overflow: hidden;
}
.audio .flush-image {
    background: none repeat scroll 0 0 #fff;
    height: 820px;
}
.audio-kate {
    height: 820px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.perrty-girl {
    background: url("../Images/Img_Goldvsgold_Background.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 820px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.audio-kate h1 {
    height: 71px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    z-index: 2;
}
.audio .flush-intro h1 {
    height: 45px;
    margin: 0 0 40px;
    padding-top: 150px;
}
.audio-chip {
    background: url("../Images/Img_Audio_Myshin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 360px;
    margin-top: 40px;
    width: 389px;
}
.genius {
    height: 1000px;
}
.genius .features-slide, .genius .slide-view, .genius .slide-view-item {
    height: 1000px;
}
.genius .both-hands {
    background: url("../Images/Img_Genius_Background_Image.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.genius .flush-intro h1 {
    height: 50px;
    margin-bottom: 45px;
    width: 208px;
}
.genius .flush-intro {
    margin-top: 310px;
}
.genius .custom-key {
    background: url("../Images/Img_Custom_Key.jpg") no-repeat scroll center bottom #fff;
}
.custom-key .custom-key-img {
    height: 1000px;
    margin: 0 auto;
    width: 1120px;
}
.custom-key .custom-key-img .flush-intro {
    margin-top: 340px;
}
.genius .custom-key h1 {
    display: block;
    float: left;
    height: 46px;
    margin-bottom: 36px;
    margin-left: 57px;
    padding-top: 2px;
    width: 504px;
}
.custom-key p {
    float: left;
    font-size: 14px;
    margin-left: 57px;
    width: 504px;
}
.genius .entity-key {
    background: url("../Images/Img_Entity_Key.jpg") no-repeat scroll center top #fff;
}
.genius .entity-key .flush-intro {
    margin-top: 602px;
}
.genius .entity-key h1 {
    height: 50px;
    margin-bottom: 40px;
    width: 334px;
}
.battery {
    height: 1140px;
}
.battery-status {
    background: url("../Images/Img_Battery_Status_Image.png") no-repeat scroll center 170px rgba(0, 0, 0, 0);
    height: 100px;
    padding-top: 170px;
    width: 100%;
}
.battery .phone-gallery {
    background-position: center 50px;
    height: 565px;
}
.battery .gallery-collection {
    top: 40px;
}
.battery .flush-intro h1 {
    background: url("../Images/Img_Battery_Title.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    margin-bottom: 25px;
    width: 376px;
}
.os {
    height: 1260px;
}
.os .flush-image {
    background: url("../Images/Img_Backgroud_Image.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 970px;
}
.os .flush-image .os-devices {
    background: url("../Images/Img_Os_Phone_Image.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 970px;
    width: 100%;
}
.os .flush-intro h1 {
    height: 97px;
    margin: 50px 0 0;
    width: 100%;
}
.os .flush-intro a, .flush-design .flush-intro a {
    clear: both;
    display: inline-block;
    font-size: 16px;
    line-height: 120px;
}
.flush-store {
    background: none repeat scroll 0 0 #f9f9f9;
    height: 162px;
    text-align: center;
}
.flush-store a {
    background: url("../Images/Img_Preorder_Button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 53px;
    margin-top: 56px;
    width: 271px;
}
.flush-design {
    height: 645px;
}
.flush-design .flush-intro h1 {
    background: url("../Images/Img_Design_Image.png") no-repeat scroll center 155px rgba(0, 0, 0, 0);
    height: 93px;
    margin: 0 0 70px;
    padding-top: 155px;
    width: 718px;
}
.slide-view-item {
    opacity: 0;
    transition: all 1s ease 0s;
}
.slide-view-item.show {
    opacity: 1;
}
.slide-view-item h1, .slide-view-item p {
    opacity: 0;
}
.slide-view-item h1.show, .slide-view-item p.show {
    opacity: 1;
}
.slide-view-item h1.show {
}
.simple {
    background: url("../Images/Img_Background_Repeat.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
}
.simple-bg {
    background: url("../Images/Img_Background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.design-intro {
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}
.design-intro h1 {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 195px;
    width: 100%;
    z-index: 2;
}
.design-intro p {
    bottom: 250px;
    display: inline-block;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.product-design-image {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.simple .design-intro h1 {
    height: 56px;
    top: 22%;
    width: 100%;
}
.simple .design-intro p {
    bottom: 22%;
    height: 81px;
}
.simple .product-design-image {
    height: 140px;
    margin-top: -80px;
}
.product-full-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.product-full-image img {
    width: 100%;
}
.both .product-full-image {
    background: none repeat scroll 0 0 #030303;
}
.both .design-intro p {
    bottom: 7%;
    height: 246px;
}
.frame {
    background: url("../Images/Img_Background_Repeat.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.frame .product-full-image img {
    left: 50%;
    margin-left: -1050px;
    margin-top: -1050px;
    position: absolute;
    top: 50%;
    width: auto;
}
.frame .design-intro p {
    bottom: 14%;
    height: 182px;
}
.frame .product-design-image {
    height: 100%;
    margin-top: -300px;
}
.frame .product-design-image img {
    left: 50%;
    margin-left: -603px;
    position: absolute;
    top: 0;
}
.back .design-intro p {
    bottom: 10%;
    height: 213px;
}
.back .product-design-image {
    height: 1000px;
    right: 0;
    top: -80px;
    z-index: 1;
}
.back .product-design-image img {
    position: absolute;
    right: 0;
    top: 0;
}
.back {
    background: url("../Images/Img_Background_Image_Repeat.png") repeat-x scroll 0 0 #fff;
}
.accessories {
    background: none repeat scroll 0 0 #fff;
}
.accessories .product-design-image {
    background: url("../Images/Img_Accessories_Image.jpg") no-repeat scroll right 130px rgba(0, 0, 0, 0);
    height: 100%;
    top: 0;
}
.accessories .design-intro p {
    bottom: 10%;
    height: 181px;
}
.accessories .product-full-image {
    text-align: right;
}
.accessories .product-full-image img {
    position: relative;
    top: 15%;
    width: auto;
}
.package .product-full-image {
    background: none repeat scroll 0 0 #010101;
}
.package .design-intro p {
    bottom: 10%;
    height: 150px;
}
.package-gallery {
    background: none repeat scroll 0 0 #fff;
}
.package-gallery .flush-gallery, .package-gallery .phone-gallery {
    height: 100%;
}
.package-gallery .phone-gallery {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    z-index: 10;
}
.package-gallery .gallery-collection {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.package-gallery .phone-gallery .gallery-prev, .package-gallery .phone-gallery .gallery-next {
    margin-top: -45px;
    opacity: 1;
}
.package-gallery .phone-gallery .gallery-prev:hover, .package-gallery .phone-gallery .gallery-next:hover {
    opacity: 0.65;
}
.gallery-collection .gallery-item {
    height: 100%;
    width: 100%;
}
.gallery-collection .gallery-item img {
    left: 50%;
    margin-left: -960px;
    margin-top: -540px;
    position: absolute;
    top: 50%;
}
.product-detail-banner-bg {
    background: url("../Images/product_image/webkit/detail/procuct-detail-banner-bg.png") repeat scroll 0 0 #000;
    height: 550px;
    width: 100%;
}
.product-detail-banner {
    background: url("../Images/product_image/webkit/detail/product-datail-banner.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 550px;
    width: 100%;
}
.product-detail-banner-content {
    height: 550px;
    margin: 0 auto;
    position: relative;
    width: 1120px;
}
.color-option-black, .color-option-white {
    background: url("../Images/product_image/webkit/detail/product-color-option.png") repeat scroll -1px -1px rgba(0, 0, 0, 0);
    bottom: 63px;
    cursor: pointer;
    height: 50px;
    left: 20px;
    position: absolute;
    width: 50px;
}
.color-option-white {
    background-position: -53px -1px;
    left: 90px;
}
.color-option-black .hover, .color-option-white .hover {
    background: url("../Images/product_image/webkit/detail/product-color-option.png") repeat scroll 51px -1px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 50px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 50px;
}
.color-option-white .hover {
    background-position: -157px -1px;
}
.color-option-black .selected, .color-option-white .selected {
    background: url("../Images/product_image/webkit/detail/product-color-option.png") repeat scroll -105px -1px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 50px;
}
.color-option-white .selected {
    background-position: -209px -1px;
    display: none;
}
.procuct-blank, .procuct-white {
    background: url("../Images/product_image/webkit/detail/procuct-color-black.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -81px;
    height: 593px;
    position: absolute;
    right: -26px;
    text-indent: -9999em;
    transition: all 0.3s ease-out 0s;
    width: 492px;
}
.procuct-white {
    background: url("../Images/product_image/webkit/detail/procuct-color-white.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    opacity: 0;
}
.product-parameter-bg {
    background: url("../Images/product_image/webkit/detail/product-parameter-bg.png") repeat-x scroll center top #fff;
}
.product-parameter-con {
    margin: 0 auto;
    padding: 150px 0 85px;
    position: relative;
    width: 1120px;
}
.product-parameter-item {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #e9e9e9;
    color: #404040;
    font-weight: 400;
    margin: -1px 20px 0;
    overflow: hidden;
    position: relative;
}
.item-title, .item-decri {
    clear: none;
    float: left;
    font-size: 16px;
    line-height: 30px;
    padding: 30px 10px 60px;
    width: 280px;
}
.item-decri {
    font-size: 14px;
    margin-left: 100px;
    overflow: hidden;
    width: 660px;
}
.product-size {
    background: url("../Images/product_image/webkit/detail/procuct-size-black.png") no-repeat scroll 396px 30px rgba(0, 0, 0, 0);
    height: 318px;
}
.item-decri-size {
    display: block;
    margin-top: 99px;
}
.product-cpu {
    background: url("../Images/product_image/webkit/detail/procuct-cpu.png") no-repeat scroll 411px 30px rgba(0, 0, 0, 0);
    height: 100px;
}
.item-decri-cpu {
    display: block;
    margin-top: 35px;
}
.product-interface {
    background: url("../Images/product_image/webkit/detail/procuct-interface-black.jpg") no-repeat scroll left 106px rgba(0, 0, 0, 0);
    height: 560px;
}
.item-decri-interface-1 {
    display: inline-block;
    margin-left: 76px;
}
.item-decri-interface-2 {
    display: inline-block;
    margin-left: 194px;
}
.product-parameter-blank {
    background: url("../Images/product_image/webkit/detail/product-parameter-bg.png") repeat-x scroll left -149px #fff;
    bottom: 84px;
    left: 320px;
    position: absolute;
    top: 149px;
    width: 100px;
}
.product-parameter-item.frt {
    border-top-color: #d1d1d1;
}
.product-parameter-item.sec {
    border-top-color: #d7d7d7;
}
.product-parameter-item.thd {
    border-top-color: #e0e0e0;
}
.product-os-top {
    background: url("../Images/product_image/webkit/os/product-os-top-bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #000;
    height: 920px;
    margin-bottom: 84px;
    padding-top: 76px;
    width: 100%;
}
.product-os-top-title {
    background: url("../Images/product_image/webkit/os/product-os-top-title.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    margin: 0 auto 46px;
    text-indent: -9999em;
    width: 286px;
}
.product-os-top-decri {
    background: url("../Images/product_image/webkit/os/product-os-top-decri.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    font-size: 20px;
    height: 113px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    text-indent: -9999em;
    width: 619px;
}
.product-os-main {
    background: none repeat scroll 0 0 #fff;
    width: 100%;
}
.product-os-apps {
    background: none repeat scroll 0 0 #fff;
    height: 753px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 97px;
    width: 1120px;
}
.app-left-img, .app-right-img {
    float: left;
    height: 706px;
    left: -12px;
    position: relative;
    width: 609px;
}
.app-right-img {
    float: right;
    left: auto;
    right: -42px;
}
.app-left-decri, .app-right-decri {
    float: left;
    padding: 156px 33px 0 25px;
    width: 453px;
}
.app-right-decri {
    float: right;
}
.app-right-decri.music {
    padding-top: 187px;
}
.app-title-launcher {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    height: 70px;
    text-indent: -9999em;
}
.app-title-call {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll left -70px rgba(0, 0, 0, 0);
    height: 70px;
    text-indent: -9999em;
}
.app-title-music {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll left -140px rgba(0, 0, 0, 0);
    height: 70px;
    text-indent: -9999em;
}
.app-decri-text {
    color: #666;
    font-family: 方正兰亭黑,STHeiti,华文黑体,"Microsoft YaHei",微软雅黑,STHei,华文黑体,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    line-height: 30px;
    padding: 10px 0 0;
}
.more-apps {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 100px;
    width: 1120px;
}
.more-apps li {
    background: url("../Images/product_image/webkit/os/product-apps-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-right: 54px;
    width: 337px;
}
.more-apps li.last {
    margin-right: 0;
}
.more-apps .app-img {
    margin-bottom: 40px;
    padding: 65px 32px;
}
.more-apps li h4 {
    height: 70px;
    text-indent: -9999em;
    width: 100%;
}
.more-apps .app-message {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -210px rgba(0, 0, 0, 0);
}
.more-apps .app-browser {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -280px rgba(0, 0, 0, 0);
}
.more-apps .app-store {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -350px rgba(0, 0, 0, 0);
}
.more-apps .app-calendar {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -420px rgba(0, 0, 0, 0);
}
.more-apps .app-emial {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -490px rgba(0, 0, 0, 0);
}
.more-apps .app-recorder {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -560px rgba(0, 0, 0, 0);
}
.more-apps .app-calculator {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -630px rgba(0, 0, 0, 0);
}
.more-apps .app-note {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -700px rgba(0, 0, 0, 0);
}
.more-apps .app-weather {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -770px rgba(0, 0, 0, 0);
}
.more-apps .app-clock {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -840px rgba(0, 0, 0, 0);
}
.more-apps .app-camera {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -910px rgba(0, 0, 0, 0);
}
.more-apps .app-album {
    background: url("../Images/product_image/webkit/os/product-os-app-title.png") no-repeat scroll center -982px rgba(0, 0, 0, 0);
}
.more-apps .app-decri {
    color: #666;
    font-family: 方正兰亭黑,STHeiti,华文黑体,"Microsoft YaHei",微软雅黑,STHei,华文黑体,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    height: 213px;
    line-height: 28px;
    padding: 28px 20px 0;
}
.product-parameter-blank {
}
.product-parameter-item {
}
.color-option-black, .color-option-white {
}
.color-option-white {
}
.color-option-black .hover, .color-option-white .hover {
}
.color-option-white .hover {
}
.color-option-black .selected, .color-option-white .selected {
}
.color-option-white .selected {
}
.gallery-collection {
}
.photo-detail a {
}
.toggle-nav li, .toggle-nav li a {
}
.genius .custom-key h1 {
}
.custom-key p {
}
.new .link a {
}
.humane .link a {
}
.layout-watch ul li {
}
.nav-list a {
}
.vjs-default-skin {
    color: #ccc;
}
@font-face {
    font-style: normal;
    font-weight: 400;
}
.vjs-default-skin .vjs-slider {
    background: url("../Images/bg_player_icon_v.png") repeat-x scroll 0 -210px rgba(0, 0, 0, 0);
    cursor: pointer;
    outline: 0 none;
    padding: 0;
    position: relative;
}
.vjs-default-skin .vjs-slider:focus {
    box-shadow: 0 0 2em #fff;
}
.vjs-default-skin .vjs-slider-handle {
    background: url("../Images/bg_player_icon_v.png") no-repeat scroll 0 -90px rgba(0, 0, 0, 0);
    font-family: VideoJS;
    font-size: 1em;
    height: 33px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 1em #fff;
    top: -13px;
    width: 33px;
}
.vjs-default-skin .vjs-control-bar {
    background-color: #000;
    bottom: 0;
    display: none;
    height: 39px;
    left: 0;
    padding: 3px 0 0;
    position: absolute;
    right: 0;
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
    display: block;
    opacity: 1;
    transition: visibility 0.1s ease 0s, opacity 0.1s ease 0s;
    visibility: visible;
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    display: block;
    opacity: 0;
    transition: visibility 1s ease 0s, opacity 1s ease 0s;
    visibility: hidden;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
    display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
    display: none;
}
.vjs-default-skin.vjs-error .vjs-control-bar {
    display: none;
}
@media �screen {
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar *:before {
    content: "";
}
}
.vjs-default-skin .vjs-control {
    float: left;
    height: 3em;
    margin: 0;
    outline: 0 none;
    padding: 0;
    position: relative;
    text-align: center;
    width: 4em;
}
.vjs-default-skin .vjs-control:before {
    font-family: VideoJS;
    font-size: 1.5em;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
}
.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff;
}
.vjs-default-skin .vjs-control-text {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.vjs-default-skin .vjs-play-control {
    background: url("../Images/bg_player_icon.png") no-repeat scroll 27px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 5em;
}
.vjs-default-skin.vjs-playing .vjs-play-control {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -33px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    height: 100%;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
}
.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
    left: -2em;
    list-style: none outside none;
    width: 4em;
}
.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -104px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0 {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -164px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -104px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -104px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-volume-control {
    float: right;
    top: 2px;
    width: 5em;
}
.vjs-default-skin .vjs-volume-bar {
    height: 0.6em;
    margin: 1.1em auto 0;
    width: 5em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
    height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
    background: url("../Images/bg_player_icon_v.png") repeat-x scroll 0 -150px rgba(0, 0, 0, 0);
    height: 0.5em;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
    background: url("../Images/bg_player_icon_v.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 14px;
    left: 4.5em;
    top: -4px;
    width: 14px;
}
.vjs-default-skin .vjs-volume-handle:before {
    font-size: 0.9em;
    height: 1em;
    left: -0.2em;
    top: -0.2em;
    width: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
    left: -4em;
    width: 6em;
}
.vjs-default-skin .vjs-progress-control {
    font-size: 0.3em;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    top: -6px;
    transition: all 0.4s ease 0s;
    width: auto;
}
.vjs-default-skin:hover .vjs-progress-control {
    font-size: 0.9em;
    transition: all 0.2s ease 0s;
}
.vjs-default-skin .vjs-progress-holder {
    height: 100%;
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.vjs-default-skin .vjs-play-progress {
    background: url("../Images/bg_player_icon_v.png") repeat-x scroll 0 -150px rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-load-progress {
    background: url("../Images/bg_player_icon_v.png") repeat-x scroll 0 -180px rgba(0, 0, 0, 0);
}
.vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider, .vjs-default-skin.vjs-live .vjs-progress-control {
    display: none;
}
.vjs-default-skin.vjs-live .vjs-live-display {
    display: block;
}
.vjs-default-skin .vjs-live-display {
    display: none;
    font-size: 1em;
    line-height: 3em;
}
.vjs-default-skin .vjs-time-controls {
    font-size: 1em;
    line-height: 36px;
}
.vjs-default-skin .vjs-current-time {
    float: left;
}
.vjs-default-skin .vjs-duration {
    float: left;
}
.vjs-default-skin .vjs-remaining-time {
    display: none;
    float: left;
}
.vjs-default-skin .vjs-time-controls, .vjs-default-skin .vjs-duration, .vjs-default-skin .vjs-duration {
    top: 1px;
}
.vjs-time-divider {
    float: left;
    line-height: 36px;
}
.vjs-default-skin .vjs-fullscreen-control {
    cursor: pointer;
    float: right;
    width: 3.8em;
}
.vjs-default-skin .vjs-fullscreen-control {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -220px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control {
    background: url("../Images/bg_player_icon.png") no-repeat scroll -284px 0 rgba(0, 0, 0, 0);
}
.vjs-default-skin .vjs-big-play-button {
    background: url("../Images/bg_player_play.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 53px;
    left: 50%;
    margin: -26.5px 0 0 -22.5px;
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 45px;
    z-index: 2;
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:hover, .vjs-default-skin .vjs-mute-control.vjs-vol-1:hover, .vjs-default-skin .vjs-mute-control.vjs-vol-2:hover, .vjs-default-skin .vjs-mute-control.vjs-vol-3:hover, .vjs-default-skin .vjs-mute-control:hover, .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:hover, .vjs-default-skin .vjs-fullscreen-control:hover, .vjs-default-skin.vjs-playing .vjs-play-control:hover, .vjs-default-skin .vjs-play-control:hover, .vjs-default-skin .vjs-big-play-button:hover {
    opacity: 0.6;
    transition: opacity 0.3s ease 0s;
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    left: 50%;
    margin-left: -2.1em;
    margin-top: -1.4em;
    top: 50%;
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
    display: none;
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
    display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
    display: none;
}
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
    border-color: #fff;
    outline: 0 none;
}
.vjs-error .vjs-big-play-button {
    display: none;
}
.vjs-error-display {
    display: none;
}
.vjs-error .vjs-error-display {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.vjs-error .vjs-error-display:before {
    color: #666;
    content: "X";
    font-family: Arial;
    font-size: 4em;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-align: center;
    text-shadow: 0.05em 0.05em 0.1em #000;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}
.vjs-error-display div {
    bottom: 1em;
    font-size: 1.4em;
    left: 1em;
    position: absolute;
    right: 1em;
    text-align: center;
}
.vjs-error-display a, .vjs-error-display a:visited {
    color: #6b95ea;
}
.vjs-loading-spinner {
    animation: 1.5s linear 0s normal none infinite spin;
    background: url("../Images/bg_player_loading.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    font-size: 4em;
    height: 61px;
    left: 50%;
    line-height: 1;
    margin-left: -30.5px;
    margin-top: -30.5px;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 61px;
}
.video-js.vjs-error .vjs-loading-spinner {
    animation: 0s ease 0s normal none 1 none;
    display: none !important;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
.vjs-default-skin .vjs-menu-button {
    cursor: pointer;
    float: right;
}
.vjs-default-skin .vjs-menu {
    border-left: 2em solid transparent;
    border-right: 2em solid transparent;
    border-top: 1.55em solid rgba(7, 40, 50, 0.5);
    bottom: 0;
    display: none;
    height: 0;
    left: 0;
    margin-bottom: 3em;
    position: absolute;
    width: 0;
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
    background-color: rgba(7, 20, 30, 0.7);
    bottom: 1.5em;
    box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
    display: block;
    left: -5em;
    margin: 0;
    max-height: 15em;
    overflow: auto;
    padding: 0;
    position: absolute;
    width: 10em;
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
    display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
    font-size: 1.2em;
    line-height: 1.4em;
    list-style: none outside none;
    margin: 0;
    padding: 0.3em 0;
    text-align: center;
    text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
    background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 1em #fff;
    color: #111;
    outline: 0 none;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
    cursor: default;
    font-size: 1em;
    font-weight: 700;
    line-height: 2em;
    margin: 0 0 0.3em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.vjs-default-skin .vjs-subtitles-button:before {
    content: "";
}
.vjs-default-skin .vjs-captions-button:before {
    content: "";
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
    box-shadow: 0 0 1em #fff;
}
.video-js {
    -moz-user-select: none;
    background-color: #000;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.video-js .vjs-tech {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video-js:-moz-full-screen {
    position: absolute;
}
body.vjs-full-window {
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
}
.video-js.vjs-fullscreen {
    bottom: 0;
    height: 100% !important;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 1000;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}
.vjs-poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%;
}
.video-js.vjs-using-native-controls .vjs-poster {
    display: none;
}
.video-js .vjs-text-track-display {
    bottom: 4em;
    left: 1em;
    position: absolute;
    right: 1em;
    text-align: center;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}
.video-js .vjs-text-track {
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    font-size: 1.4em;
    margin-bottom: 0.1em;
    text-align: center;
}
.video-js .vjs-subtitles {
    color: #fff;
}
.video-js .vjs-captions {
    color: #fc6;
}
.vjs-tt-cue {
    display: block;
}
.vjs-default-skin .vjs-hidden {
    display: none;
}
.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.vjs-no-js {
    background-color: #333;
    color: #ccc;
    font-family: Arial,sans-serif;
    font-size: 18px;
    height: 150px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 300px;
}
.vjs-no-js a, .vjs-no-js a:visited {
    color: #f4a460;
}
.module-form-row {
    margin: 0 auto;
    padding-bottom: 10px;
    position: relative;
    width: 374px;
}
.module-form-item-wrapper {
    background: url("../Images/input-bg.png") repeat-x scroll 0 0 #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    margin: 1px;
    opacity: 0.618;
    position: relative;
    transition: opacity 0.3s ease-in 0s;
    width: 372px;
}
.module-form-item-wrapper .border-inner {
    border-radius: 10px;
    bottom: -1px;
    left: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -1px;
}
.module-form-row .focus-item, .module-form-item-wrapper:hover {
    opacity: 1;
}
.module-form-item-shadow {
    border: 1px solid #9cbaef;
    opacity: 1;
}
.module-form-show-row {
    opacity: 1;
}
.module-form-row .small-item {
    background: url("../Images/order-other-info-edit-text-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    width: 180px;
}
.module-form-disabled-wrapper {
    background: none repeat scroll 0 0 #bababa;
    border-radius: 6px;
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-indent: 19px;
    width: 263px;
}
.module-form-item-wrapper input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #333;
    font-size: 18px;
    padding: 0 13px 0 17px;
    position: relative;
    width: 290px;
    z-index: 3;
}
.module-form-row .small-item input {
    font-size: 14px;
    padding-left: 15px;
    width: 137px;
}
.module-form-disabled-wrapper input {
    color: #999;
}
.module-form-row select {
    -moz-appearance: none;
    background: -moz-linear-gradient(center top , #fdfdfd, #f1f1f1) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bfbfbf;
    border-radius: 6px;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.06) inset;
    color: #333;
    cursor: pointer;
    font-size: 13px;
    height: 36px;
    line-height: 33px;
    margin: 1px;
    outline: 0 none;
    text-indent: 19px;
    width: 132px;
}
.module-form-row select:hover {
    outline: 0 none;
}
.module-form-row select:active {
    background: -moz-linear-gradient(center top , #f5f5f5, #fdfdfd) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03) inset;
    outline: 0 none;
}
.module-form-row .select-item {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    box-shadow: none;
    height: auto;
    margin: 0;
    opacity: 1;
    width: auto;
}
.module-form-row .module-small-error-wrapper select, .module-form-row .module-form-error-wrapper select {
    border: 0 none;
    border-radius: 4px;
    margin: 0;
}
.module-form-row .module-form-error-wrapper {
    background-position: 0 1px;
    border: 1px solid #d57272;
    opacity: 1;
}
.module-form-error-wrapper .border-inner {
    border: 2px solid #d57272;
    opacity: 1;
}
.module-small-error-wrapper .border-inner {
    border: 2px solid #d57272;
    border-radius: 6px;
    opacity: 1;
}
.module-form-item-wrapper.invalid {
    border: 2px solid #d57272;
    box-shadow: none;
    margin: 0;
    opacity: 1 !important;
}
.module-form-row .module-small-error-wrapper {
    border: 1px solid #d57272;
    opacity: 1;
}
.module-form-item-wrapper span {
    background: url("../Images/dialog-input-icons-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px 0 0 10px;
    float: left;
    height: 48px;
    width: 48px;
}
.module-form-item-wrapper span em {
    background: url("../Images/dialog-input-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: 1px solid #ccc;
    display: block;
    height: 48px;
    text-indent: -9999em;
    width: 48px;
}
.module-form-item-wrapper span.username em {
    background-position: 0 0;
}
.module-form-item-wrapper span.password em {
    background-position: -48px 0;
}
.module-form-item-wrapper span.verifyimg em {
    background-position: -96px 0;
}
.module-form-item-wrapper span.mail em {
    background-position: -144px 0;
}
.module-form-item-wrapper i {
    color: #333;
    font-size: 18px;
    font-style: normal;
    left: 65px;
    position: absolute;
    top: 0;
}
.module-form-row .small-item i {
    font-size: 14px;
}
.module-form-row .no-icon i {
    left: 15px;
}
.module-form-row .verify-tips {
    left: 380px;
    position: absolute;
    top: 0;
    width: 220px;
    z-index: 6;
}
.module-form-row.invalid .verify-tips {
    top: 1px;
}
.module-form-row .verify-tips .delta {
    background: none repeat scroll 0 0 #fcfcfc;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    float: left;
    height: 20px;
    left: 2px;
    position: absolute;
    top: 15px;
    width: 20px;
    z-index: 3;
}
.module-form-row .verify-tips .verifycon {
    background: none repeat scroll 0 0 #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: #616161;
    cursor: pointer;
    float: left;
    font-size: 14px;
    left: 5px;
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 215px;
    z-index: 2;
}
.module-form-row .verify-tips .tipcon {
    float: left;
    padding-left: 25px;
    width: 350px;
}
.module-form-row .verify-tips .deltapatch {
    background: none repeat scroll 0 0 #fcfcfc;
    border-radius: 8px 0 0 8px;
    box-shadow: none;
    height: 45px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 30px;
    z-index: 4;
}
.module-form-row .verify-tips .warningicon {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -34px -590px rgba(0, 0, 0, 0);
    box-shadow: none;
    float: left;
    height: 27px;
    left: 18px;
    position: absolute;
    top: 10px;
    width: 27px;
    z-index: 5;
}
.module-form-row .verify-error, .module-form-row .verify-success {
    background: none repeat scroll 0 0 #c64141;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    opacity: 0;
    padding: 0 9px;
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all 150ms ease-in 0s;
    z-index: 5;
}
.module-form-row .module-small-error-wrapper .verify-error, .module-form-row .module-form-error-wrapper .verify-error {
    opacity: 1;
}
.module-form-row .verify-success {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll 0 -50px rgba(0, 0, 0, 0);
    height: 40px;
    padding: 0;
    top: 0;
    width: 40px;
}
.module-form-row .small-item .verify-error, .module-form-row .small-item .verify-success {
    right: 6px;
    top: 5px;
}
.module-form-row .small-item .verify-success {
    background-position: 0 -62px;
    height: 25px;
}
.module-form-row .verify-error:after {
    background: url("../Images/error-layer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    display: block;
    height: 28px;
    left: -28px;
    position: absolute;
    top: -2px;
    width: 28px;
    z-index: 20;
}
.module-form-mobile-verify-row {
    height: 52px;
    overflow: hidden;
}
.module-form-mobile-verify-row .module-form-item-wrapper {
    float: left;
    width: 261px;
}
.module-form-mobile-verify-row .module-form-item-wrapper input {
    width: 180px;
}
.module-form-mobile-verify-row .gray-btn {
    float: right;
    margin-bottom: 12px;
    width: 101px;
}
.module-form-mobile-verify-row .gray-btn a {
    font-size: 14px;
    width: 101px;
}
.module-form-mobile-verify-row .gray-btn em {
    background: none repeat scroll 0 0 #636363;
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 400;
    margin: 0 4px;
    padding: 2px 4px;
}
.module-form-radio-row {
    line-height: 50px;
    padding-left: 10px;
}
.module-form-radio-row .blue-radio {
    float: left;
    margin-right: 19px;
    position: relative;
    top: 17px;
}
.module-form-radio-row p {
    float: left;
    font-size: 18px;
}
.checkbox {
    background: url("../Images/checkbox.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 20px;
    position: relative;
    width: 20px;
}
.checkbox.checked a {
    background: url("../Images/checkbox.gif") no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    transition: none 0s ease 0s ;
    width: 20px;
}
.agreement-box {
    cursor: pointer;
}
.agreement-box .checkbox {
    left: 55px;
    top: 21px;
}
.module-dialog {
    background: url("../Images/Img_Dialog_Gray_Bg.png") repeat-x scroll center bottom #fff;
    border-radius: 12px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 5px 5px rgba(0, 0, 0, 0.08), 0 7px 10px rgba(0, 0, 0, 0.09), 0 22px 22px rgba(0, 0, 0, 0.05);
    display: none;
    left: 50%;
    margin: -215px 0 0 -218px;
    min-width: 200px;
    position: fixed;
    top: 50%;
    width: 436px;
    z-index: 1001;
}
.module-dialog-layer {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.61;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.module-dialog .topbar {
    border-radius: 13px 13px 0 0;
    height: 69px;
    overflow: hidden;
    width: 100%;
}
.module-dialog .dialog-close {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -16px -16px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 17px;
    opacity: 0.7;
    overflow: hidden;
    padding: 4px 5px;
    position: absolute;
    right: 17px;
    text-indent: -9999em;
    top: 18px;
    transition: all 0.3s linear 0s;
    width: 16px;
    z-index: 20;
}
.module-dialog .dialog-close:hover {
    opacity: 1;
}
.module-dialog .dialog-tit {
    background: url("../Images/Img_Dialog_Radius_Top_Bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #d1d1d1;
    box-shadow: 0 2px 6px #d1d1d1;
    height: 61px;
    line-height: 61px;
    padding: 0 15px;
}
.module-dialog .dialog-tit h4 {
    color: #666;
    float: left;
    font-size: 20px;
    font-weight: 400;
    padding-left: 20px;
}
.module-dialog .dialog-con {
    min-width: 220px;
}
.module-dialog .dialog-inner {
    min-width: 220px;
    padding: 20px;
}
.module-dialog .animate-layer {
    position: relative;
}
.module-dialog .scrollbar-wrapper {
    height: 470px;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    width: 644px;
}
.module-dialog .scrollbar-container {
    padding-top: 30px;
    position: absolute;
    top: 0;
}
.module-dialog .dialog-savebar {
    background: url("../Images/Img_Account_Bottom_Bar_Bg.png") repeat-x scroll 0 -7px rgba(0, 0, 0, 0);
    border-radius: 0 0 13px 13px;
    bottom: -64px;
    height: 51px;
    left: 0;
    line-height: 51px;
    padding: 11px 10px 0;
    position: absolute;
    width: 684px;
}
.module-dialog .dialog-savebar .gray-normal-btn {
    float: left;
}
.module-dialog .dialog-savebar .blue-normal-btn {
    float: right;
}
.module-dialog .confirm-msg, .module-dialog .confirm-error-msg {
    font-size: 16px;
    line-height: 24px;
    margin: 50px auto;
    max-width: 310px;
    min-height: 50px;
    text-align: center;
    word-break: break-all;
    word-wrap: break-word;
}
.module-dialog .warning {
    background: url("../Images/warning.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    left: -15px;
    margin-top: -20px;
    position: relative;
    top: 20px;
    width: 50px;
}
.module-dialog .confirm-error-msg {
    text-align: left;
}
.module-dialog .dialog-btn-wrap {
    background: url("../Images/Img_Account_Bottom_Bar_Bg.png") repeat-x scroll 0 -7px #f1f1f1;
    border-radius: 0 0 13px 13px;
    height: 51px;
    line-height: 51px;
    padding-top: 11px;
}
.module-dialog .dialog-btn-wrap .gray-normal-btn {
    float: left;
}
.module-dialog .dialog-btn-wrap .blue-normal-btn {
    float: right;
}
.module-dialog .dialog-btn-wrap .gray-normal-btn, .module-dialog .dialog-btn-wrap .gray-normal-btn a, .module-dialog .dialog-btn-wrap .blue-normal-btn, .module-dialog .dialog-btn-wrap .blue-normal-btn a {
    border-radius: 9px;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    line-height: 34px;
    margin: 0 10px;
    width: 85px;
}
.module-dialog .dialog-btn-wrap .gray-normal-btn a, .module-dialog .dialog-btn-wrap .blue-normal-btn a {
    height: 34px;
    margin: 0;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-80px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translateY(-80px);
}
100% {
    opacity: 1;
    transform: translateY(0px);
}
}
.fadeInDown {
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-name: fadeInDown;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-80px);
}
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    opacity: 0;
    transform: translateY(-80px);
}
}
.fadeOutUp {
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-name: fadeOutUp;
}
@keyframes rock {
0% {
    transform: translateX(-20px);
}
20% {
    transform: translateX(20px);
}
40% {
    transform: translateX(-20px);
}
60% {
    transform: translateX(20px);
}
80% {
    transform: translateX(-20px);
}
100% {
    transform: translateX(0px);
}
}
@keyframes rock {
0% {
    transform: translateX(-20px);
}
20% {
    transform: translateX(20px);
}
40% {
    transform: translateX(-20px);
}
60% {
    transform: translateX(20px);
}
80% {
    transform: translateX(-20px);
}
100% {
    transform: translateX(0px);
}
}
.rock {
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-name: rock;
}
.module-dialog-user .dialog-inner {
    left: 50%;
    margin-left: -218px;
    position: absolute;
    top: 0;
    width: 396px;
}
.module-dialog-user .animate-layer {
    height: 362px;
    width: 436px;
}
.module-dialog-user .col {
    line-height: 38px;
    padding-bottom: 35px;
    text-align: right;
    width: 372px;
}
.module-dialog-user .module-form-row input {
}
.module-dialog-user .loginform {
    padding: 20px 31px;
    width: 374px;
}
.module-dialog-user .quicklogin {
    color: #949494;
    font-size: 12px;
}
.module-dialog-user .regform {
    padding: 0;
    top: -8px;
    width: 436px;
}
.module-dialog-user .dialog-menu {
    background: url("../Images/dialog-menu-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
    height: 43px;
    line-height: 43px;
    width: 436px;
}
.module-dialog-user .dialog-menu ul {
    width: 436px;
}
.module-dialog-user .dialog-menu li {
    color: #fff;
    cursor: pointer;
    float: left;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    width: 218px;
}
.module-dialog-user .dialog-menu li.on, .module-dialog-user .dialog-menu li:hover {
    background: url("../Images/dialog-menu-on.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.module-dialog-user .reg-wrapper {
    margin: 17px auto;
    position: relative;
    width: 374px;
}
.module-dialog-user .reg-inner {
    left: 0;
    padding-top: 8px;
    position: absolute;
    top: 0;
    width: 374px;
}
.module-dialog-user .reg-inner .module-form-row {
    padding-bottom: 12px;
}
.module-dialog-user .reg-inner .module-form-item-wrapper {
    margin: 1px;
}
.module-dialog-user .reg-inner .blue-btn {
    margin-top: 14px;
}
.module-dialog-user .reg-inner .gray-btn {
    height: 46px;
    line-height: 46px;
    margin: 1px;
}
.module-dialog-user .go-login-box {
    color: #696969;
    font-size: 12px;
    line-height: 60px;
    margin-top: -10px;
    text-align: center;
    width: 374px;
}
.module-dialog-user .go-login-box .agreement-box {
    -moz-user-select: none;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 1px 0 #fff;
    position: relative;
    width: 374px;
}
.module-dialog-user .go-login-box .agreement-box .checkbox {
    left: 45px;
    top: 20px;
}
.module-dialog-user .go-login-box p, .module-dialog-user p.infobottom {
    float: left;
    text-align: center;
    width: 374px;
}
.module-dialog-user .go-login-box p a {
    color: #696969;
    display: block;
    float: left;
    text-align: center;
    width: 374px;
}
.module-dialog-user .go-login-box p a b, .module-dialog-user p.infobottom a b {
    background: none repeat scroll 0 0 #c6c6c6;
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-weight: 400;
    margin: 0 5px;
    padding: 2px 4px;
    transition: all 0.3s ease 0s;
}
.module-dialog-user .go-login-box p a:hover b, .module-dialog-user p.infobottom a:hover b {
    background: none repeat scroll 0 0 #436fcf;
}
.module-dialog-user .guest-loginform {
    margin-left: -352px;
    width: 664px;
}
.module-dialog-user .guest-login-wrapper {
    border-right: 1px solid #d8d8d8;
    float: left;
    width: 354px;
}
.module-dialog-user .guest-login-wrapper .module-form-row {
    margin: 0 10px;
    width: 317px;
}
.module-dialog-user .guest-login-wrapper .module-form-item-wrapper {
    width: 315px;
}
.module-dialog-user .guest-login-wrapper .module-form-item-wrapper input {
    width: 230px;
}
.module-dialog-user .guest-login-wrapper .col {
    width: 315px;
}
.module-dialog-user .guest-login-wrapper .login-btn-wrapper {
    margin-left: 11px;
    width: 317px;
}
.module-dialog-user .guest-login-wrapper .blue-btn, .module-dialog-user .guest-login-wrapper .gray-btn {
    float: right;
    width: 150px;
}
.module-dialog-user .guest-login-wrapper .blue-btn a, .module-dialog-user .guest-login-wrapper .gray-btn a {
    width: 150px;
}
.module-dialog-user .guest-login-wrapper .gray-btn {
    float: left;
}
.module-dialog-user .guest-register-wrapper {
    float: right;
    padding-right: 5px;
    width: 276px;
}
.module-dialog-user .guest-register-wrapper h3 {
    font-size: 18px;
    line-height: 32px;
    padding-top: 20px;
}
.module-dialog-user .guest-register-wrapper p {
    font-size: 12px;
    padding-bottom: 30px;
}
.module-dialog-user .guest-register-wrapper .blue-btn, .module-dialog-user .guest-register-wrapper .blue-btn a {
    width: 272px;
}
.module-dialog-user .guest-mobileform {
    background: url("../Images/callback-3.png") no-repeat scroll 160px 40px rgba(0, 0, 0, 0);
    margin-left: -217px;
    padding: 240px 31px 20px;
    width: 374px;
}
.module-dialog-mobile-code {
    background: url("../Images/ticket-dia-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 538px;
    margin: -269px 0 0 -352px;
    width: 704px;
}
.module-dialog-mobile-code .animate-layer {
    height: 442px;
    width: 704px;
}
.module-dialog-mobile-code .dialog-con {
    padding: 0;
    width: 704px;
}
.module-dialog-mobile-code .dialog-inner {
    left: 0;
    padding: 0;
    position: absolute;
    top: -8px;
    width: 704px;
}
.module-dialog-mobile-code .code-wrapper {
    background: url("../Images/ticket.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 300px 95px 0;
    width: 350px;
}
.module-dialog-mobile-code .invalid-wrapper {
    background: url("../Images/ticket-invalid.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 300px 95px 0;
    width: 350px;
}
.module-dialog-mobile-code .module-form-row {
    width: 350px;
}
.module-dialog-mobile-code .verify-tips {
    display: none;
}
.module-dialog-mobile-code div.small-item {
    width: 248px;
}
.module-dialog-mobile-code div.small-item input {
    margin-top: 0;
    width: 210px;
}
.module-dialog-mobile-code div.verify-item {
    width: 90px;
}
.module-dialog-mobile-code div.verify-item input {
    width: 60px;
}
.module-dialog-mobile-code div.verify-tips {
    left: 100%;
    top: -7px;
}
.module-dialog-mobile-code .small-gray-btn {
    border-radius: 7px;
    line-height: 19px;
    margin-left: 0;
    padding: 0 7px;
}
.module-dialog-mobile-code span.small-gray-btn span {
    color: #fff;
}
.module-dialog-mobile-code .tips-about {
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.module-dialog-mobile-code .tips-about a {
    color: #666;
    font-size: 12px;
}
.module-dialog-mobile-code .tips-about a:hover {
    color: #4a7add;
}
.module-dialog-mobile-code .gray-btn, .module-dialog-mobile-code .gray-btn a {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    width: 40px;
}
.module-dialog-mobile-code .gray-btn {
    float: left;
    margin-left: 10px;
}
.module-dialog-mobile-code .gray-btn a {
    height: 32px;
}
.module-dialog-mobile-code .gold-btn {
    margin-left: 131px;
}
.module-dialog-mobile-code .invalid-wrapper .gold-btn {
    margin-top: 59px;
}
.module-dialog-mobile-code .code-use-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 539px;
}
.module-dialog-mobile-code .mobile-image {
    margin: 30px auto 0;
}
.module-dialog-mobile-code .code-use-wrapper .gold-btn {
    margin: 25px auto 0;
}
.browser-hack-ie .module-form-item-wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    height: 52px;
    margin: 0;
    position: relative;
}
.browser-hack-ie .module-form-item-shadow {
    border: 0 none;
    box-shadow: none;
}
.browser-hack-ie .module-form-item-wrapper .border-inner {
    display: none;
}
.browser-hack-ie .module-form-item-wrapper .radius-center {
    background: url("../Images/hack/text-ie-bg.png") repeat-x scroll 0 -52px rgba(0, 0, 0, 0);
    height: 52px;
    left: 11px;
    line-height: 52px;
    position: absolute;
    top: 0;
    width: 350px;
}
.browser-hack-ie .module-form-item-wrapper .radius-left, .browser-hack-ie .module-form-item-wrapper .radius-right {
    background: url("../Images/hack/text-ie-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 52px;
    left: 0;
    position: absolute;
    top: 0;
    width: 11px;
}
.browser-hack-ie .module-form-item-wrapper .radius-right {
    background-position: 0 -104px !important;
    left: auto;
    right: 0;
}
.browser-hack-ie .module-form-item-wrapper.invalid .radius-center {
    background: url("../Images/hack/text-error-ie-bg.png") repeat-x scroll 0 -52px rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-form-item-wrapper.invalid .radius-left, .browser-hack-ie .module-form-item-wrapper.invalid .radius-right {
    background: url("../Images/hack/text-error-ie-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-form-item-wrapper.invalid .radius-right {
}
.browser-hack-ie .module-form-item-wrapper-bg {
    height: 52px;
}
.browser-hack-ie .module-form-row .module-form-error-wrapper {
    background: url("../Images/hack/text-error-wrapper-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
}
.browser-hack-ie .module-form-row .module-form-error-wrapper .module-form-item-wrapper-bg {
    background: url("../Images/hack/text-error-wrapper-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-form-row .invalid {
    border: 0 none;
}
.browser-hack-ie .module-form-row .small-item {
    background: url("../Images/hack/text-small-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 11px;
    width: 169px;
}
.browser-hack-ie .module-form-row .small-item .module-form-item-wrapper-bg {
    background: url("../Images/hack/text-small-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    height: 40px;
}
.browser-hack-ie .module-form-row .select-item {
    background: url("../Images/hack/text-small-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 11px;
    width: 169px;
}
.browser-hack-ie .module-form-row .select-item .module-form-item-wrapper-bg {
    background: url("../Images/hack/text-small-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    height: 40px;
}
.browser-hack-ie .module-form-row .select-item select {
    background-color: transparent;
    border: 0 none;
}
.browser-hack-ie .module-form-row .select-item select:after {
    display: none;
}
.browser-hack-ie .module-form-row div.module-small-error-wrapper {
    background: url("../Images/hack/text-error-small-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
}
.browser-hack-ie .module-form-row div.module-small-error-wrapper .module-form-item-wrapper-bg {
    background: url("../Images/hack/text-error-small-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-form-item-wrapper input {
    background: url("../Images/blank.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #333;
    font-size: 18px;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    position: relative;
    width: 290px;
    z-index: 10;
}
.browser-hack-ie .module-form-item-wrapper input:valid {
    background: url("../Images/blank.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-form-row .small-item input {
    font-size: 14px;
    padding: 0 15px 0 4px;
    width: 137px;
}
.browser-hack-ie .module-form-item-wrapper span {
    background: url("../Images/hack/text-ie-icon-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 48px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 49px;
}
.browser-hack-ie .module-form-item-wrapper span em {
    background: url("../Images/dialog-input-icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 48px;
    text-indent: -9999em;
    width: 48px;
}
.browser-hack-ie .module-form-item-wrapper span.username em {
    background-position: 0 0;
}
.browser-hack-ie .module-form-item-wrapper span.password em {
    background-position: -48px 0;
}
.browser-hack-ie .module-form-item-wrapper span.verifyimg em {
    background-position: -96px 0;
}
.browser-hack-ie .module-form-item-wrapper span.mail em {
    background-position: -144px 0;
}
.browser-hack-ie .module-form-item-wrapper i {
    color: #333;
    font-size: 18px;
    left: 65px;
    position: absolute;
    top: 2px;
}
.browser-hack-ie .module-form-row .small-item i {
    font-size: 14px;
}
.browser-hack-ie .module-form-row .no-icon i {
    left: 15px;
    top: 0;
}
.browser-hack-ie .module-form-row .verify-tips {
    height: 110px;
    left: 380px;
    position: absolute;
    top: 2px;
    width: 220px;
    z-index: 6;
}
.browser-hack-ie .module-form-row .verify-tips .delta {
    background: url("../Images/tips-arrow.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 14px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 7px;
    z-index: 3;
}
.browser-hack-ie .module-form-row .verify-tips .verifycon {
    background: none repeat scroll 0 0 #fcfcfc;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.38);
    color: #616161;
    float: left;
    font-size: 14px;
    left: 5px;
    line-height: 20px;
    overflow: hidden;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 215px;
    z-index: 2;
}
.browser-hack-ie .module-form-row .verify-tips .tipcon {
    float: left;
    padding-left: 25px;
    width: 350px;
}
.browser-hack-ie .module-form-row .verify-tips .deltapatch {
    background: none repeat scroll 0 0 #fcfcfc;
    border-radius: 8px 0 0 8px;
    box-shadow: none;
    height: 45px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 30px;
    z-index: 4;
}
.browser-hack-ie .module-form-row .verify-tips .warningicon {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll -34px -590px rgba(0, 0, 0, 0);
    box-shadow: none;
    float: left;
    height: 27px;
    left: 18px;
    position: absolute;
    top: 10px;
    width: 27px;
    z-index: 5;
}
.browser-hack-ie .module-form-row .verify-error, .browser-hack-ie .module-form-row .verify-success {
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    position: absolute;
    right: 10px;
    top: 14px;
}
.browser-hack-ie .module-form-row .verify-success {
    background: url("../Images/Img_Ui_P.png") no-repeat scroll 0 -50px rgba(0, 0, 0, 0);
    height: 40px;
    padding: 0;
    top: 0;
    width: 40px;
}
.browser-hack-ie .module-form-row .verify-error {
    padding-left: 5px;
}
.browser-hack-ie .module-form-row .verify-error-bg {
    background: url("../Images/hack/errortips-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    padding-right: 10px;
    text-indent: 5px;
}
.browser-hack-ie .module-form-row .small-item .verify-error, .browser-hack-ie .module-form-row .small-item .verify-success {
    right: 5px;
    top: 8px;
}
.browser-hack-ie .module-form-row .small-item .verify-success {
    background-position: 0 -62px;
    height: 25px;
}
.browser-hack-ie .module-form-mobile-verify-row .module-form-item-wrapper {
    float: left;
}
.browser-hack-ie .module-form-mobile-verify-row .module-form-item-wrapper .radius-center {
    width: 240px;
}
.browser-hack-ie .module-form-mobile-verify-row .module-form-item-wrapper input {
    width: 165px;
}
.browser-hack-ie .module-form-mobile-verify-row .gray-btn {
    float: right;
    margin: 2px;
    width: 95px;
}
.browser-hack-ie .module-form-mobile-verify-row .gray-btn a {
    font-size: 14px;
    width: auto;
}
.browser-hack-ie .module-form-mobile-verify-row .gray-btn em {
    background: none repeat scroll 0 0 #636363;
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-size: 11px;
    font-weight: 400;
    margin: 0 4px;
    padding: 2px 4px;
}
.browser-hack-ie .module-form-radio-row {
    line-height: 50px;
    padding-left: 10px;
}
.browser-hack-ie .module-form-radio-row .blue-radio {
    float: left;
    margin-right: 19px;
    position: relative;
    top: 17px;
}
.browser-hack-ie .module-form-radio-row p {
    float: left;
    font-size: 18px;
}
.browser-hack-ie .guest-login-wrapper .module-form-item-wrapper .radius-center {
    width: 293px;
}
.browser-hack-ie .blue-btn, .browser-hack-ie .gray-btn {
    background-color: transparent;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 12px;
    padding: 0 0 0 11px;
    width: 361px;
}
.browser-hack-ie .disabled, .disabled a {
    cursor: not-allowed;
}
.browser-hack-ie .blue-btn a, .browser-hack-ie .gray-btn a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    padding: 3px 11px 3px 0;
    width: auto;
}
.browser-hack-ie .blue-btn {
    background: url("../Images/hack/blue-bt-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.browser-hack-ie .blue-btn a {
    background: url("../Images/hack/blue-bt-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.browser-hack-ie .gray-btn {
    background: url("../Images/hack/gray-bt-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.browser-hack-ie .gray-btn a {
    background: url("../Images/hack/gray-bt-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #000;
}
.browser-hack-ie .gold-btn {
    background: url("../Images/hack/gold-bt-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    height: 36px;
    margin-top: 10px;
    padding: 0 0 0 8px;
    width: 72px;
}
.browser-hack-ie .gold-btn:hover {
    background: url("../Images/hack/gold-bt-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.browser-hack-ie .gold-btn:active {
    background: url("../Images/hack/gold-bt-bg.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.browser-hack-ie .gold-btn a {
    background: url("../Images/hack/gold-bt-bg.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-right: 8px;
}
.browser-hack-ie .module-dialog {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    width: 436px;
}
.browser-hack-ie .module-dialog-layer {
}
.browser-hack-ie .module-dialog .topbar {
    background: url("../Images/hack/hack-dialog-title.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 69px;
    padding-left: 15px;
    width: auto;
}
.browser-hack-ie .module-dialog .dialog-tit {
    background: url("../Images/hack/hack-dialog-title.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    border: 0 none;
    height: 69px;
}
.browser-hack-ie .module-dialog .dialog-topbar-shadow {
    background: url("../Images/hack/dialog-title-shadow.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    height: 7px;
    margin: -7px 23px 0;
    position: relative;
    z-index: 25;
}
.browser-hack-ie .module-dialog .dialog-con {
    background: url("../Images/hack/hack-dialog-con-bg.png") repeat-x scroll center bottom #fff;
}
.browser-hack-ie .module-dialog .dialog-bottom-bg {
    background: url("../Images/hack/hack-dialog-bottom.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 15px;
    padding-left: 15px;
}
.browser-hack-ie .module-dialog .dialog-bottom {
    background: url("../Images/hack/hack-dialog-bottom.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    height: 15px;
}
.browser-hack-ie .module-dialog .dialog-savebar {
    background: url("../Images/hack/hack-dialog-savebar.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    bottom: -88px;
    height: 65px;
    padding: 0 0 0 10px;
    width: 694px;
}
.browser-hack-ie .module-dialog .dialog-savebar-bg {
    background: url("../Images/hack/hack-dialog-savebar.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    height: 47px;
    padding: 18px 10px 0 0;
}
.browser-hack-ie .module-dialog .confirm-msg, .browser-hack-ie .module-dialog .confirm-error-msg {
    margin: 0 auto;
    max-width: 300px;
    padding: 50px 0;
}
.browser-hack-ie .module-dialog .confirm-error-msg {
    text-align: left;
}
.browser-hack-ie .module-dialog .dialog-btn-wrap {
    margin-bottom: -5px;
}
.browser-hack-ie .module-dialog .dialog-btn-wrap .gray-normal-btn, .browser-hack-ie .module-dialog .dialog-btn-wrap .blue-normal-btn {
    display: inline-block;
    margin-top: 7px;
    width: 75px;
}
.browser-hack-ie .module-dialog .dialog-btn-wrap .gray-normal-btn a, .browser-hack-ie .module-dialog .dialog-btn-wrap .blue-normal-btn a {
    height: 38px;
    line-height: 38px;
    width: 65px;
}
.browser-hack-ie .module-dialog-confirm {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.browser-hack-ie .module-dialog-user .reg-inner .gray-btn {
    height: 50px;
    line-height: 50px;
}
.browser-hack-ie .module-dialog-user .guest-login-wrapper .blue-btn, .browser-hack-ie .module-dialog-user .guest-login-wrapper .gray-btn {
    float: right;
    width: 139px;
}
.browser-hack-ie .module-dialog-user .guest-login-wrapper .blue-btn a, .browser-hack-ie .module-dialog-user .guest-login-wrapper .gray-btn a {
    width: auto;
}
.browser-hack-ie .module-dialog-user .guest-login-wrapper .gray-btn {
    float: left;
}
.browser-hack-ie .module-dialog-user .guest-register-wrapper .blue-btn {
    width: 261px;
}
.browser-hack-ie .module-dialog-user .guest-register-wrapper .blue-btn a {
    width: auto;
}
.browser-hack-ie .module-dialog-mobile-code {
    height: 538px;
    margin: -269px 0 0 -352px;
    width: 704px;
}
.browser-hack-ie .module-dialog-mobile-code .animate-layer {
    height: 442px;
    width: 704px;
}
.browser-hack-ie .module-dialog-mobile-code .dialog-con {
    padding: 0;
    width: 704px;
}
.browser-hack-ie .module-dialog-mobile-code .dialog-inner {
    left: 0;
    padding: 0;
    position: absolute;
    top: -8px;
    width: 704px;
}
.browser-hack-ie .module-dialog-mobile-code .code-wrapper {
    background: url("../Images/ticket.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 300px 95px 0;
    width: 350px;
}
.browser-hack-ie .module-dialog-mobile-code .invalid-wrapper {
    background: url("../Images/ticket-invalid.png") no-repeat scroll center 70px rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 300px 95px 0;
    width: 350px;
}
.browser-hack-ie .module-dialog-mobile-code .module-form-row {
    width: 350px;
}
.browser-hack-ie .module-dialog-mobile-code .verify-tips {
    display: none;
}
.browser-hack-ie .module-dialog-mobile-code div.small-item {
    width: 248px;
}
.browser-hack-ie .module-dialog-mobile-code div.small-item input {
    width: 210px;
}
.browser-hack-ie .module-dialog-mobile-code div.verify-item {
    width: 75px;
}
.browser-hack-ie .module-dialog-mobile-code div.verify-item input {
    width: 60px;
}
.browser-hack-ie .module-dialog-mobile-code div.verify-tips {
    left: 100%;
    top: -7px;
}
.browser-hack-ie .module-dialog-mobile-code .small-gray-btn {
    border-radius: 7px;
    line-height: 19px;
    margin-left: 0;
    padding: 0 7px;
}
.browser-hack-ie .module-dialog-mobile-code span.small-gray-btn span {
    color: #fff;
}
.browser-hack-ie .module-dialog-mobile-code .tips-about {
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.browser-hack-ie .module-dialog-mobile-code .tips-about a {
    color: #666;
    font-size: 12px;
}
.browser-hack-ie .module-dialog-mobile-code .tips-about a:hover {
    color: #4a7add;
}
.browser-hack-ie .module-dialog-mobile-code .gray-btn, .browser-hack-ie .module-dialog-mobile-code .gray-btn a {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    width: 40px;
}
.browser-hack-ie .module-dialog-mobile-code .gray-btn {
    float: left;
    margin-left: 10px;
}
.browser-hack-ie .module-dialog-mobile-code .gray-btn a {
    height: 32px;
}
.browser-hack-ie .module-dialog-mobile-code .gold-btn {
    margin-left: 131px;
}
.browser-hack-ie .module-dialog-mobile-code .invalid-wrapper .gold-btn {
    margin-top: 59px;
}
.browser-hack-ie .module-dialog-mobile-code .code-use-wrapper {
    margin: 0 auto;
    text-align: center;
    width: 539px;
}
.browser-hack-ie .module-dialog-mobile-code .mobile-image {
    margin: 30px auto 0;
}
.browser-hack-ie .module-dialog-mobile-code .code-use-wrapper .gold-btn {
    margin: 25px auto 0;
}
.browser-hack-ie .fn-hide {
    display: none;
}
